I made a Bento Grid animation tool

Hacker News

Hi HN, I've developed a simple tool to animate and design Bento Grids from scratch to final mp4 file. I was as a product designer struggling in my job to create these Bento Grids using Figma and After Effects, so I made this tool to solve my own pain and thought maybe others would like it too. It is using React, Vite, FFmpeg, Shadcn, Tailwind, Firebase, Cloudflare R2 and lots of other cool libs and tools that was a ton of fun to both learn and integrate. There might be some bugs and issues here and there Im smoothing out, and currently the best experience can be experienced using Chromium, so let me know if you find any. Hope you like it - check it out on https://motiongrids.com

Visit product View on Hacker NewsJul 31, 2024

Share card

Actual performance

1points

Did not reach leaderboard

Launch Intel predictions

Analyze your own launch →

Indie HackersFits the IH revenue-focused audience · Missing: supports, reddit linkedin, podcasting

70%70% predicted probability of success on Indie Hackers, based on ML models trained on real launch data.

best fitHighest predicted score across all platforms for this description.

Product HuntOn track for Day 1 leaderboard · Strong signals: using · Missing: mac, agents, macos

65%65% predicted probability of success on Product Hunt, based on ML models trained on real launch data.

AppSumoMay struggle as an AppSumo deal · Missing: plus, platform, intuitive

48%48% predicted probability of success on AppSumo, based on ML models trained on real launch data.

Hacker NewsMay not resonate with HN audience · Strong signals: io · Missing: https docs, excited, just released

47%47% predicted probability of success on Hacker News, based on ML models trained on real launch data.

nativeThis product was originally launched on this platform.

TrustMRRLess likely to generate early MRR · Missing: mobile apps, ios, personal

43%43% predicted probability of success on TrustMRR, based on ML models trained on real launch data.

Acquire.comPre-revenue stage for this audience · Missing: arr, mrr, revenue

10%10% predicted probability of success on Acquire.com, based on ML models trained on real launch data.

BetaListMay not resonate with beta-testers · Missing: web3, chat, crypto

0%0% predicted probability of success on BetaList, based on ML models trained on real launch data.

Correct prediction on native model

Similar products

Motion Grids50%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Bento Grid animation tool

Indie Hackers1advertising

Fancy hover grid animation in Bootstrap56%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Fancy hover grid animation in Bootstrap

Hacker News1

Bento Grid Generator25%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Create beautiful bento layouts online

Product Hunt+188Design Tools

Spirit – The animation tool for the web52%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Spirit – The animation tool for the web

Hacker News9

CSS3 animation43%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

CSS3 animation

Hacker News271

I coded a Bento Grid tool to easily showcase like top brands34%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

I coded a Bento Grid tool to easily showcase like top brands

Hacker News1

Off the Grid. On the Grid.53%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Off the Grid. On the Grid.

Hacker News2

SoundCloud Grid51%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

SoundCloud Grid

Hacker News5

an animation tool for kids53%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

an animation tool for kids

Hacker News3

Bento.me36%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Bento.me is a customizable link in bio tool

Indie Hackers1$5,000/modesign

Browse all products Analyze your launch