Heavily Inspired by @karankendre 's bento (pls give feedback) . tried to make myself one using framer motion. The design is very crude and can be improved but good for practice. Will help me deliver more than just design to clients now.
Built a quick Instagram Reels clone to test something, when you scroll between reels, the like/comment/save counts now roll like a slot machine instead of getting a new set of icons with the reel.
used @DanielWhit21874's slot-text comp, and it looks so sleek. The direction of the scroll animation depends on the direction of the scroll ;)
animations via @motiondotdev@instagram take notes 👀
Made a PR card that tears itself apart on merge
flip side shows the diff, sign to confirm, stamp to close,
the whole thing is one card component
design and flow inspo by @saradu from her profile saved card post.
added @coderabbitai because they the goat.
made using @motiondotdev, @claudeai and @nextjs , designed in @paper
Introducing the Framer F1 Keyboard. A low-profile mechanical keyboard with an aluminum body, built-in display, and programmable controls, built together with @work_louder. Pre-order now at the link below!
Inspired by @stevelauda_ 's figma design , I tried to recreate it in Next.js and animated it using Motion. Font is @evilrabbit_ 's GeistPixel Circle variant.
Inspired by @stevelauda_ 's figma design , I tried to recreate it in Next.js and animated it using Motion. Font is @evilrabbit_ 's GeistPixel Circle variant.
Also recreated @vercel 's @nextjs dev mode pill for the bg grid project ,had to work out the acceleration physics and corner distance calculations to figure out landing position and exit velocity. Was fun!. Live at gridbg.vercel.app
Created a "Grid Bg" generator inspired by @leouiux 's post. Use the pre-sets or add your own palette, and once you are happy, download the file for the background in tsx and use it wherever you want.
Try it here: gridbg.vercel.app/