Color controls
Adjust background, text, border, accent, chart, and sidebar colors through a visual interface instead of editing theme tokens by hand.
tweakcn
Freemium
Editor y generador visual de temas para shadcn/ui con Tailwind CSS e IA
¿Qué es tweakcn?
tweakcn is a visual theme editor and generator for shadcn/ui. It helps developers build and refine custom themes by changing colors, typography, and other theme properties in a live preview instead of editing styles blindly.
The product supports Tailwind CSS v4 and v3, works with shadcn/ui and custom styles, and offers export paths for copying CSS variables or a Shadcn Registry command into a project. The home page also positions it as a no-signup starting point with community themes and AI-assisted theme creation.
¿Qué puede hacer tweakcn?
Typography settings
Tune font size, weight, and text transform so the theme matches the tone and hierarchy of the interface.
Tailwind version support
Switch between Tailwind v4 and v3 while working with supported color formats such as OKLCH and HSL.
Detailed property editing
Edit radius, spacing, shadows, and other theme properties for broader control over component appearance.
Contrast checker
Check contrast ratios while editing to catch accessibility issues before export.
AI theme generation
Create a theme from an image or prompt in the AI flow, then refine it in the editor.
Casos de uso
“Create a custom app theme”
Start from a preset or community theme, then adjust colors, radius, and typography until the design fits a specific product brand.
“Generate a theme from an idea”
Use the AI theme flow to generate a starting point from an image or prompt, then refine the result in the editor.
“Export a usable theme for implementation”
Move theme settings into a project by exporting CSS variables or a Shadcn Registry command after previewing the result.
“Explore and reuse community designs”
Browse public community themes for inspiration, then compare styles by tags such as minimal, professional, dashboard, or cyberpunk.
“Validate contrast during design”
Check contrast ratios while iterating on colors to keep the theme closer to accessible UI choices.
Preguntas frecuentes
What is tweakcn?
tweakcn is a visual theme editor and generator for shadcn/ui. It lets you customize colors, typography, layout-related properties, preview changes in real time, and export the result as code or CSS variables.
Is tweakcn free?
Yes. The pricing page includes a Free plan and a Pro plan. The Free plan includes full theme customization, 5 AI-generated themes, saving and sharing up to 10 themes, importing and exporting via CSS variables, exporting via a Shadcn Registry command, and a contrast checker.
What's included in Pro?
Pro adds unlimited saved and shared themes, unlimited AI-generated themes, image-based theme generation, priority support, and the ability to save your own fonts and colors.
Does tweakcn support Tailwind v4?
The source explicitly says tweakcn supports Tailwind CSS v4, and the editor page also references Tailwind v3. The pricing and home copy also mention shadcn/ui and custom styles.
Can I use tweakcn with existing projects?
Yes. The home page says you can start customizing without signup, and the pricing page includes a Free plan that supports full theme customization. The editor is positioned for shadcn/ui projects, including importing and exporting themes through CSS variables or a Shadcn Registry command.
Datos rápidos
- Category
- Design Tool / Developer Tool
- Primary use
- Theming shadcn/ui components
- Platforms / stack
- Web app; Tailwind CSS v4 and v3; shadcn/ui
- Entry point
- Free plan available; Pro is $8/month billed monthly
- Notable workflows
- Visual editing, AI theme generation, community browsing, CSS variable export, Shadcn Registry export
- Website
- tweakcn.com
Análisis de tráfico de tweakcn
Los datos de tráfico son solo como referencia.
- Valoración del dominio
- 63
Alternativas a tweakcn
Flux AI Pro
fluxai.pro
Generador de imágenes con IA basado en créditos y en la familia de modelos FLUX.1 de Black Forest Labs, con generación privada y opciones para uso comercial.
QR Code AI
qrcode-ai.com
Generador de códigos QR en línea para crear códigos personalizados y rastreables, con 60 tipos de contenido, opciones de diseño, análisis de escaneos y exportación en PNG, SVG o PDF.
Lanta AI
lantaai.com
Generador de vídeos con IA basado en la web que convierte textos, imágenes y otros recursos en vídeos cinematográficos, e incluye generación de imágenes y modos creativos para creadores, profesionales del marketing y contenido para redes sociales.
FLUX.1 AI
flux1ai.com
Generador de texto a imagen de Black Forest Labs para convertir indicaciones escritas en imágenes mediante una aplicación web y distintos modelos, con opciones para mayor calidad, iteraciones rápidas y desarrollo local.
iColoring AI
icoloring.ai
Generador de páginas para colorear con IA que convierte textos o fotos en dibujos lineales imprimibles; pruébalo sin registrarte y descarga sin marca de agua.
Habla con Dios
chatwithgod.ai
Chat de fe para orar, reflexionar y conversar sobre temas religiosos y personales.