Shane Downes

Building →

[Shane Downes @shanedownes]

Introducing StyleGlide, the @shadcn design system editor.

AI powered theme generation. Distributed on the registry.

It uses natural language to understand your project and creates starter kits that are targeted to your niche.

Easily edit the results in real-time to make it your own.

Generate versatile Tailwind palettes from any color, with OKLCH and P3 support.

Instantly get typography options and try out 100s of fonts in your style kit previews.

I’m excited to make it available to all. You can start using it today ⬇️

[Shane Downes @shanedownes]

@iamsahaj_xyz @v0 @vercel Huge! Congrats Sahaj 👏

[Shane Downes @shanedownes]

@liljamesjohn @shadcn Mapping the shadcn CSS vars to color tokens makes a lot of sense here.

I built https://t.co/Le5k90ciUy to help automate this. You can generate your own Tailwind compatible color system from a few brand colors.

[Evil Rabbit @evilrabbit_]

Stop the noise. Focus on the signal.

[Shane Downes @shanedownes]

@romanshamin_en Big fan! Looks good in the IDE too. Would love to see Martian Grotesk on google fonts 👀

[Shane Downes @shanedownes]

@aditya_pushkar_ @shadcn Thanks Adi, appreciate it. Yeah would love to take look, send me a dm

[Shane Downes @shanedownes]

You can now load a @shadcn theme editor into any app with a single line of code.

Generate, edit and preview themes on your own app in real-time.

Create your own design system in any stack that shadcn/ui supports.

Next.js, Astro, TanStack, Laravel - it even works in non-React ports such as Basecoat.

Powered by a lightweight, zero-dependency JS package that embeds StyleGlide anywhere.

Check out these examples ⬇️

[Shane Downes @shanedownes]

@atresnjo1 @shadcn Thanks Adnan. The hotkeys issue is fixed in version 0.0.15. The editor should work in vite, I'll look into this

[Shane Downes @shanedownes]

@bernaferrari @shadcn Thanks Bernardo!

[Shane Downes @shanedownes]

@rasmic Thanks Micky 🔥

[serhii @serhii_be]

New @ui_pub Pure UI components published:

🔶 Badge
🔶 Breadcrumb
🔶 Pagination
🔶 Resizable
🔶 Scroll Area
🔶 Separator
🔶 Skeleton

[Shane Downes @shanedownes]

@MeschacIrung @serhii_be So clean 👌

[Shane Downes @shanedownes]

@iamsahaj_xyz @v0 @shadcn @luisllanes_ Nice work 🔥

[Anton Lovchikov @antiflasher]

Martian Mono turns 4 today! To celebrate, we're open-sourcing its sibling: Martian Grotesk.

That's right — Martian Grotesk is now free and MIT licensed → fully open source. We're excited to see it in use out in the world!

👉 Font files and source code: https://t.co/2PrnSSnQ5E

[Shane Downes @shanedownes]

@serhii_be Good luck with the move 💪

[Guillermo Rauch @rauchg]

Good design is a signal that you care. People prefer products built by people who care. Markets reward good design. The end

[Base UI @base_ui]

Huge Base UI milestone 📢

We're now in beta 🍾

✔︎ New Menubar component
✔︎ New NavigationMenu component
✔︎ New ContextMenu component
✔︎ Improved performance
✔︎ Verrrrrrrrrry many a11y + bug fixes

https://t.co/l5X7plzZ2S

[shadcn @shadcn]

In the System Prompts.

[Evil Martians @evilmartians]

Our own @psd_coder released typed-channel—a lightweight @typescript library for type-safe messaging between workers, iframes + any other contexts. Get strong typing for any event-based communication with minimal setup and small bundle size. Contributors welcome!

[Emil Kowalski @emilkowalski]

CSS Transforms

https://t.co/M6ZR9efDU0