Made this interaction of Linear’s dithered logo for our latest release.
It’s using canvas with a lot of tiny dots. There’s an invisible circle around the cursor.
Any dot inside it gets pushed outward with a cubic falloff so it’s gentle on the edges, and strong at the center.
Introducing Agents UI, an open-source @shadcn component library for building polished React frontends for your voice agents.
Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents.
Install via the shadcn CLI and own the code.
je viens de découvrir une petite lib qui permet d'inserer des animations en unicode ! 👀
ça peut paraitre niche mais ce genre de détail ça apporte toujours un petit plus dans une page genre un chargement etc (c'est ce que j'ai fais perso)
je mets le lien de la lib en dessous 👇
@vercel is so great at helping builders. Forget a free prompt. Forget a free skill. This is an entire AI Creative Studio to make yours and build from! 🤯 ❤️
Vercel AI Gateway now supports video generation. Grok Imagine Video & Image are 🆓 until tomorrow.
We used @v0 to create an open source Creative Studio powered by @xai Grok. Create images, videos, or make your own design tool!
https://t.co/iyVwS5bvLf – it's quite fast. Some cool technical tidbits:
▪️ Vercel Workflows for reliable generation
Video generation can take long. Users might restart their browsers or their wifi / LTE might drop. We smooth over that automatically.
▪️ Instant vector search
Try searching the public generations. Now back to me. We used @mixedbreadai to index the content visually, so you can search 𝚋𝚕𝚊𝚌𝚔 𝚏𝚎𝚕𝚒𝚗𝚎 and get a cat (try it!)
▪️ Vercel AI Gateway
All existing and future Grok models are accessible via our gateway without extra setup. When you deploy to Vercel, you get access to hundreds of models with a single account and unified billing
It's obviously built with @nextjs (RSC). Open it in v0 to make it your own! h/t @estebansuarez for shipping this.
PMs don’t just ship features. They kill them. Shipping isn’t the job. Shipping the right product is. A great PM doesn’t fall in love with the roadmap. They fall in love with the problem and have the guts to say: This isn’t solving it. This adds complexity. This doesn’t matter. Every feature, setting, UI, element should fight to exist.
At Nest, we had one rule:
If you can’t explain why it matters, it doesn’t ship.
You had to tell us the why.
The reason a real person would care.
That one rule killed dozens of features.
The models are getting better at design, but many of these prompts will be useful in the upcoming year.
Look for those that focus the attention of the LLM on the aspects that matter most to you and get better, faster, and cheaper results.
One example is prompt #2.
Introducing Number Flow React Native!
Beautiful, high quality number animation library for React Native, a ground-up reimplementation of
@mbarvian's NumberFlow.
Full Intl.NumberFlormat support. Two rendering modes (native + Skia). TimeFlow for time showcases. And much more.
Star it on GitHub: https://t.co/ntTfj2ooj6
Let me know what you think!
Hand-drawn signature, built with @motiondotdev
⊙ SVG paths w/ sequential timing + custom easing
⊙ Each stroke drawn using 𝚙𝚊𝚝𝚑𝙻𝚎𝚗𝚐𝚝𝚑 animation
⊙ Ghost layer underneath gives an ink-indent effect
A personal touch that elevates your portfolio.
Source code below. ⤵️
Gemini 3.1 Pro is an absolute beast for creating landing pages. It understands designs details and animations so well. Insane upgrade for web designers.