What is tweakcn?
Tweakcn is a user-friendly, visual theme editor designed to help you customize shadcn/ui components with ease. Whether you're a seasoned developer or just starting out, tweakcn makes it simple to create beautiful, unique themes for your projects. With real-time previews and a wide range of customization options, you can see your changes instantly and get the perfect look for your application. No need to worry about complex coding—tweakcn handles the heavy lifting so you can focus on making your app stand out.
What are the features of tweakcn?
- Visual Theme Editor: Customize colors, typography, and layouts with a real-time preview, no signup required.
- Tailwind CSS Support: Seamlessly switch between Tailwind v4 and v3, with support for multiple color formats including OKLCH & HSL.
- AI Theme Generation: Create stunning, ready-to-use themes in seconds by providing an image or text prompt.
- Theme Presets: Choose from a variety of beautiful presets like Modern Minimal, Twitter, and Catppuccin to get started quickly.
- Contrast Checker: Ensure your designs meet accessibility standards with built-in contrast ratio checking.
- Code Export: Copy the generated Tailwind CSS code directly into your project for easy integration.
What are the use cases of tweakcn?
- Customizing the look and feel of a new web application
- Refreshing the design of an existing shadcn/ui project
- Creating a consistent and professional theme for a client's website
- Experimenting with different design ideas and seeing them in real-time
- Ensuring your design meets accessibility standards
- Generating a theme based on a specific brand or style guide
How to use tweakcn?
- Select a theme preset from the library to start customizing.
- Use the intuitive interface to adjust colors, dimensions, and typography.
- Preview your changes in real-time to see how they look.
- Fine-tune additional properties like radius, spacing, and shadows.
- Copy the generated Tailwind CSS code and paste it into your project.
- Test your new theme in your application to make sure everything looks great.
