Refero Styles — Design Systems for AI Agents
Search a curated DESIGN.md library for AI agents: colors, typography, spacing, and component patterns from top websites.
Welcome! Type "help" for available commands.
$
Design Tool
Summary
tweakcn is an interactive visual editor designed to help users customize shadcn/ui themes with ease. It allows for real-time adjustments to colors, typography, and spacing, providing ready-to-use Tailwind CSS code for seamless integration into projects.
Highlights
- Real-time visual editing for colors, typography, and Tailwind CSS properties
- Support for both Tailwind CSS v3 and v4, including OKLCH and HSL color formats
- Built-in contrast checker to ensure designs meet accessibility standards
- One-click application of beautiful light and dark mode theme presets
- Streamlined workflow: select a preset, customize visually, and copy the generated code
auto-generated
Context
Audience
Frontend Developers and UI Designers
DomainWeb Development
Formatinteractive tool
Accessfree online
Topics
Related
shadcn/uiTailwind CSSUI/UX DesignFrontend DevelopmentWeb Accessibility
