Discover and create beautiful themes for shadcn/ui. Browse thousands of community-made themes, customize colors with OKLCH picker, select Google Fonts, adjust border radius, and export themes instantly for your Next.js projects.

Reshaped provides professionally crafted component libraries in React and Figma to make your product design and development faster.

A demonstration of what can be accomplished visually through CSS-based design.

System font stack CSS organized by typeface classification for every modern OS

Learn how to set up Style Dictionary to automate the generation of design tokens into CSS custom properties and Sass variables. This guide walks you through the basics of configuring Style Dictionary, creating tokens, and maintaining consistency across platforms with ease.

Tons of good UI research here.

Some collected thoughts around how to name variables in CSS. Ideas, conventions, and some do’s and don’t for consideration.

Learn how to build a fast, server-side rendered, Tailwind site with no build step using Hono.js on Cloudflare Workers. See how to leverage AI for design and …

JavaScript mangles semantics in a way that CSS does not.

Dynamic content (such as animated elements) and even some amount of user interaction is well handled by CSS to the extent that it more affords designers making pages such that that stuff can be turned off, ignored, overridden. That’s much more difficult with JavaScript and the virtual DOM.

System font stack CSS organized by typeface classification for every modern OS