Skip to main content

Design Interfaces Tools

Bring interfaces into focus, from first screens to coherent UI systems. Find editors, type libraries, color systems and focused utilities that help you design practical, accessible and polished digital products.

Get weekly digest

Inspiration once per week, unsubscribe anytime.

  • Nerio design system and component library preview

    Nerio

    Sponsor

    An open-source React design system for product teams building SaaS and fintech interfaces.

  • coss ui component and design system showcase

    Open-source UI components built with Base UI and Tailwind for refined product interfaces.

  • HeroUI component and design system showcase

    Accessible React components with a cohesive visual language and theming tools.

  • Magic UI component and design system showcase

    Animated React components and expressive effects for standout web interfaces.

  • Once UI component and design system showcase

    A design system for expressive Next.js products, with tokens and ready-made patterns.

  • Reshaped component and design system showcase

    An accessible React design system for polished, consistent product interfaces.

  • ReUI component and design system showcase

    A curated collection of React interface components and dashboard patterns.

  • Tremor component and design system showcase

    React components for analytics dashboards, charts and data-rich products.

  • Untitled UI component and design system showcase

    An extensive Figma UI kit and React component system for modern product design.

  • Base UI design system and component library preview

    Unstyled, accessible React component primitives for custom product interfaces.

  • shadcn/ui design system and component library preview

    Beautifully designed, accessible React components that you own and customize.

  • Magic Patterns product interface preview

    Generate and iterate on interface concepts with AI-powered components.

  • Paper product interface preview

    An infinite design canvas built around modern AI and code workflows.

  • Figma preview

    A collaborative interface design tool for designing, prototyping and handing off to developers.

  • Penpot preview

    An open-source design and prototyping platform built on web standards.

  • Fontshare preview

    A library of quality typefaces from Indian Type Foundry, free for personal and commercial use.

  • Radix Colors preview

    An open-source colour system with accessible scales for light and dark UI.

  • Iconify preview

    An icon library and Figma plugin that brings many open-source icon sets into one search.

  • Stitch preview

    An AI tool from Google that turns prompts and images into interface designs and code.