tweakcn — Theme Generator for shadcn/ui

To use custom fonts, embed them in your project.
See Tailwind docs for details.

Sans-Serif Font

Serif Font

Monospace Font

em

To use custom fonts, embed them in your project.
See Tailwind docs for details.

Sans-Serif Font

Serif Font

Monospace Font

em

1.Add the script below to your website based on your framework

2.Paste your website's URL (e.g., http://localhost:3000) above to preview it with the theme applied in real-time

<!-- Add inside <head> -->
<script src="https://tweakcn.com/live-preview.min.js"></script>

1.Add the script below to your website based on your framework

2.Paste your website's URL (e.g., http://localhost:3000) above to preview it with the theme applied in real-time

<!-- Add inside <head> -->
<script src="https://tweakcn.com/live-preview.min.js"></script>