Design Rails

AI for generating a complete brand identity you can add to coding agents. Follow for free design prompts and resources daily.

[Emil Kowalski @emilkowalski]

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.

[LiveKit @livekit]

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.

[Design Rails @DesignRails]

Great looking, open-source components for voice AI: @livekit

[Design Rails @DesignRails]

Nice!

[code w/Guillaume 💻 @guillaume_rygn]

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 👇

[Design Rails @DesignRails]

@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! 🤯 ❤️

[Guillermo Rauch @rauchg]

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.

[Design Rails @DesignRails]

Every AI builder should heed this advice. "I'll just build it because I can" quickly becomes UX bloat.

[Tony Fadell @tfadell]

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.

[Param @Param_eth]

Vibe coded a 3D receipt with Verlet integration.

(Prompt below) ↓

[Design Rails @DesignRails]

@ali_ajadi Thank you. We're getting ongoing feedback and would very much welcome yours!

[Design Rails @DesignRails]

Design Rails is live on Product Hunt https://t.co/GJZcQjXI3G

[Design Rails @DesignRails]

Whoa

[Framer 🇱🇹 @Framer_X]

This tool is insane.

Upload any image.
Move camera in 3D space.
And get a completely new camera angle 🤯

Also it’s free! 👇

[Design Rails @DesignRails]

Love the repo, thanks for sharing. My top 3: sticky footer, stacking cards, & gravity 🔥

[Ali Bey @alibey_10]

gooey tabs

available for free on fancycomponents .dev

[Design Rails @DesignRails]

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.

[damien @damienghader]

𝗣𝗿𝗼𝗺𝗽𝘁 𝗵𝗮𝗰𝗸𝘀 𝗳𝗼𝗿 𝗯𝗲𝗮𝘂𝘁𝗶𝗳𝘂𝗹 𝗨𝗜.

From a designer with 100+ @Lovable projects.

( Steps + prompts ↓)

[Design Rails @DesignRails]

Nice! Starred.

[Antonín Wingender @WingenderA]

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!

[Design Rails @DesignRails]

🤩

[AmirMušić @AmirMushich]

Nano Banana smart workflow:

Tech product concepting

Swap the [BRAND NAME] & generate:
- mult-angle views
- tech callouts with annotations
- brand-appropriate materials & colors

Use case:
- pitch deck visuals,
- product demos (IT2I),
- product concepting.

Prompt 👇

[Rough Draft © @roughdraftst]

Loading animations for you next project

[Design Rails @DesignRails]

Beautiful!

[kian bazza @kianbazza]

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. ⤵️

[Paul Soulhiard @paulsoulhiard]

playing with anime.js new layout feature 🧩

[Meng To @MengTo]

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.

[Abraham John 🦄🦓 @Abmankendrick]

You can now create super dope SVG animations on Google Gemini 3.1 Pro just by prompting 🔥

[Design Rails @DesignRails]

@ctranbtw 💯
Will DM!

[Design Rails @DesignRails]

Get an AI-native brand in minutes: https://t.co/J2Xt4p5WIu