Generate and iterate on interface concepts with AI-powered components.
Magic Patterns helps teams explore and refine interface designs through AI-assisted generation and iteration. It is positioned around making product directions tangible quickly, with shareable visual concepts and components.
Useful when early product thinking needs to move beyond static inspiration into testable visual options.
The week’s best websites, apps and tools, once a week.
An open-source React design system for product teams building SaaS and fintech interfaces.
A private, browser-based device mockup maker with customizable frames, multi-device layouts and polished image or video export.
Explore, customize and export animated WebGL shader presets for digital products and visual experiments.
Open-source UI components built with Base UI and Tailwind for refined product interfaces.
Accessible React components with a cohesive visual language and theming tools.
Animated React components and expressive effects for standout web interfaces.
A design system for expressive Next.js products, with tokens and ready-made patterns.
An accessible React design system for polished, consistent product interfaces.
A curated collection of React interface components and dashboard patterns.
React components for analytics dashboards, charts and data-rich products.
An extensive Figma UI kit and React component system for modern product design.
Unstyled, accessible React component primitives for custom product interfaces.
Beautifully designed, accessible React components that you own and customize.
An infinite design canvas built around modern AI and code workflows.
A collaborative interface design tool for designing, prototyping and handing off to developers.
An open-source design and prototyping platform built on web standards.
A library of quality typefaces from Indian Type Foundry, free for personal and commercial use.
An open-source colour system with accessible scales for light and dark UI.
An icon library and Figma plugin that brings many open-source icon sets into one search.
An AI tool from Google that turns prompts and images into interface designs and code.
An online mockup studio for devices, packaging, branding and animated product scenes.
Premium device mockups and design assets with flexible 3D and Figma workflows.
A native Mac notch utility for coding agents, GitHub, music, timers and quick tools.
Collect visual feedback on websites with pinned comments, screenshots and responsive reviews.
