damianricobelli

damianricobelli / radixcn

Public

Build Shadcn themes from a real color scale.

radixcn.com design react shadcn shadcn-ui theme
10
0
100% credibility
Found May 14, 2026 at 10 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

Radixcn is a web app for generating customizable CSS themes compatible with shadcn/ui using Radix Colors scales, previews, and copy-paste code.

How It Works

1
🌐 Discover Radixcn

You land on a beautiful page explaining how to make pretty themes for your app using smart colors.

2
✨ Start creating your theme

Click the button to open the fun studio where you pick colors and styles just like painting.

3
🎨 Mix your perfect colors

Choose color families or pick your own shade, add fonts and shapes, and watch everything update live.

4
👀 Preview on real screens

See your theme shine on buttons, cards, charts, and full dashboards in light and dark modes.

5
📋 Copy ready-to-use code

Grab the special instructions that make your app look exactly like your preview.

✅ Your app looks amazing!

Paste the code into your project and enjoy beautiful, matching colors everywhere.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 10 to 10 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is radixcn?

Radixcn is a TypeScript web app for building shadcn themes from Radix Color scales or custom palettes. Pick scales for base surfaces, primary actions, destructive states, charts, and more; tweak fonts, radius, shadows, and spacing; preview live on dashboards, forms, cards, and components in light/dark modes. Copy production CSS variables or generate shadcn registry build commands for instant integration—solves creating accessible, semantic colors without manual tweaking.

Why is it gaining traction?

It maps Radix's perceptually uniform scales directly to shadcn tokens, letting you build your own shadcn ui fast while keeping component previews realistic (dashboards, charts, states). Shareable presets with editable links and registry exports make team handoffs easy, plus token bridging aliases shadcn vars to your design system. Custom palettes from one brand color deliver pro results without color theory headaches.

Who should use this?

Shadcn devs building dashboards with shadcn, github apps, copilot extensions, portfolios, profiles, or pages. Frontend teams needing quick, accessible themes for github projects/repos. Designers/devs bridging existing tokens to shadcn without rebuilding components.

Verdict

Grab it if you're deep in shadcn and want Radix colors now—live previews and exports shine. But 10 stars and 1.0% credibility mean it's raw: no license, sparse docs, unproven at scale. Prototype with the demo first.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.