Visual Theme Editor

    Design Your Perfect
    shadcn/ui
    Theme

    Customize colors, typography, and layouts with a real-time preview. No signup required.

    Real-time Preview
    Export to Tailwind
    Beautiful Presets
    Features

    Powerful Customization Tools

    devlog provides all the tools you need to customize your shadcn/ui components and make them unique.

    Color Control

    Customize background, text, and border colors with an intuitive color picker interface.

    Typography Settings

    Fine-tune font size, weight, and text transform to create the perfect look.

    Tailwind v4 & v3 Support

    Seamlessly switch between Tailwind v4 and v3, with support for multiple color formats including OKLCH & HSL.

    Tailwind properties

    Fine-tune every aspect of your components with precise control over radius, spacing, shadows, and other Tailwind properties.

    Beautiful Theme Presets

    Choose from stunning pre-designed themes and customize both light and dark mode colors effortlessly.

    Contrast Checker

    Ensure your designs meet accessibility standards with built-in contrast ratio checking between text and background colors.

    How It Works

    Simple Process, Beautiful Results

    Customize your shadcn/ui components in just a few simple steps.

    01

    Select Theme Preset

    Choose the theme you want to customize from our growing library.

    02

    Customize Visually

    Use our intuitive interface to adjust colors, dimensions, typography, and other properties.

    03

    Copy Code

    Copy the generated Tailwind CSS code directly into your project.

    Roadmap

    What's Coming Next

    We're constantly working to improve devlog and add new features. Here's what's on our roadmap.

    Global Theme Editor

    Done

    Create and manage complete themes with presets for your entire application.

    Theme Import/Export

    Done

    Save and share your custom themes with others.

    AI Theme Generation

    In Progress

    Generate and customize themes with AI assistance, making theme creation faster and more intuitive

    Community Themes

    Coming Soon

    Allow users to submit themes, vote on the best designs

    Multi-Project Management

    Planned

    Save and manage multiple theme projects, making it easy to switch between designs.

    Smart Theme Generator

    Planned

    Generate beautiful themes from a single color, color pair, or even an image. Expand your customization options with AI-powered theme generation.

    FAQ

    Frequently Asked Questions

    Find answers to common questions about devlog.

    Ready to Build YourDeveloper Portfolio?

    Join developers who are showcasing their work with beautiful, customizable portfolios. Start building your professional presence today.

    Open source • Apache-2.0 License • Built with Next.js