tweakcn
Crie e personalize temas para shadcn/ui com facilidade.
Editor visual de temas para shadcn/ui. Personalize cores, tipografia e layouts com prévia em tempo real. Suporte para Tailwind CSS v4 e v3. Presets de temas incluídos. Sem cadastro necessário.
Mais sobre tweakcn
tweakcn
O Tweakcn é um editor visual de temas para componentes shadcn/ui com suporte a Tailwind CSS. Ele permite personalizar cores, tipografia e layouts com visualização em tempo real. Crie temas únicos e acessíveis para seus projetos, sem necessidade de cadastro.
- •Controle de Cores:Personalize cores de fundo, texto e bordas usando uma interface intuitiva de seleção de cores.
- •Configurações de Tipografia:Ajuste com precisão o tamanho, peso e transformação de texto para criar a aparência perfeita.
- •Suporte Tailwind v4 e v3:Alternância perfeita entre o Tailwind CSS v4 e v3, com suporte para múltiplos formatos de cores, incluindo OKLCH e HSL.
- •Propriedades Tailwind:Controle preciso sobre raio, espaçamento, sombras e outras propriedades do Tailwind para ajustar cada aspecto de seus componentes.
- •Presets de Temas Bonitos:Escolha entre temas pré-projetados deslumbrantes e personalize as cores do modo claro e escuro sem esforço.
- •Verificador de Contraste:Garanta que seus designs atendam aos padrões de acessibilidade com a verificação de contraste integrada entre cores de texto e fundo.
- •Editor de Temas Global (Em progresso):Crie e gerencie temas completos com presets para todo o seu aplicativo.
- •Importação/Exportação de Temas (Em progresso):Salve e compartilhe seus temas personalizados com outras pessoas.
- •Mais Controles (Em breve):Suporte para mais controles, incluindo espaçamento, sombras, rastreamento e muito mais.
- •Temas da Comunidade (Planejado):Permita que os usuários enviem temas e votem nos melhores designs.
- •Gerenciamento de Múltiplos Projetos (Planejado):Salve e gerencie vários projetos de temas, facilitando a alternância entre designs.
- •Mais Presets (Planejado):Expanda a biblioteca de presets com uma variedade maior de temas impressionantes para personalização rápida.
O Tweakcn otimiza seu fluxo de trabalho de design, permitindo que você crie temas personalizados para componentes shadcn/ui de forma rápida e intuitiva. Ele elimina a complexidade da codificação manual, oferecendo um editor visual poderoso que simplifica a criação de temas únicos e acessíveis. Com o Tweakcn, você economiza tempo e garante que seus componentes se destaquem.
