← Latest products

Shadcn/UI theme editor

Design and share Shadcn themes. 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. The goal was to make it easy to visually design shadcn color themes, preview them live across various example UIs, and export them straight into your projects (as CSS or via the shadcn CLI registry command).

Visit shadcnthemer.comexternal site

Reactions (1)

Similar products

by description similarity

  1. With an easy-to-use interface and some useful features, you'll effortlessly create custom Shadcn themes from any image or color you love.

    Hacker News5 pts

  2. Customize theme for shadcn/ui with tweakcn's interactive editor. Supports Tailwind CSS v4, Shadcn UI, and custom styles. Modify properties, preview changes, and get the code in real time.

    Hacker News8 pts

  3. The palette on the official docs is a little limited.

    Hacker News6 pts

  4. I’ve spent the last few weeks writing a browser extension that lets users write their own HN themes using Handlebars and CSS.

    Hacker News10 pts

  5. Shadcn/studio

    shadcnstudio.com

    shadcn/ui Component, Blocks and Templates

    Hacker News6 pts