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.
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
Source Overview
Customize theme for shadcn/ui with tweakcn’s interactive editor. Supports Tailwind CSS v4, Shadcn UI, and custom styles. Modify properties, preview changes, and get the code in real time.
Topics
Related
shadcn/uiTailwind CSSUI/UX DesignFrontend DevelopmentWeb Accessibility
