Design.dev design.dev

Design & Dev Resources

Code generators, cheat sheets, and resources to boost web development.
Join our community and get a free set of 300 icons.

    300 custom icons — free download —
    Free icon set preview - 300+ design icons included with newsletter subscription

    AI Prompt Library

    Copy-paste prompts for production-ready UI components.

    UI Component

    Real-Time Data Chart

    Streaming metrics visualization built on the Canvas API, no dependencies.
    UI Component

    Skeleton Loading Screen

    CSS-only loading placeholders with shimmer gradients, no JavaScript.
    UI Component

    Toast Notification Stack

    Stacked notifications with auto-dismiss, progress bars, and animations.
    esc PAGES ACTIONS
    UI Component

    Command Palette

    Cmd+K command menu with search, grouped results, and key navigation.
    Browse all AI tools →

    Dev Tools

    Browse all dev tools →

    LLM Skill Generators

    Cursor

    Cursor Rules Generator

    Generate custom rules for Cursor based on your stack and preferences.
    Claude

    Claude Skills Generator

    Create AI skills for Claude Projects tailored to your codebase.
    Windsurf

    Windsurf Rules Generator

    Build AI rules for Windsurf configured to your workflow.