UI component resources & examples

Explore collections and libraries of interface components, including buttons, menus, inputs and reusable layout elements. Compare how a component looks and behaves across its states before adapting it to your own interface.

Components

Component examples and patterns.
Compare how design systems implement common components.
Find reusable interface components for modern web projects.
Explore a shadcn-based design system and components.
Explore glass-style interface effects and components.
Browse gradient button styles and effects.
Design system examples and guidance.
Interface components and reusable templates.
Interface components and reusable templates.
Interface components and reusable templates.
Interface components and reusable templates.
Interface components and reusable templates.
Interface components and reusable templates.
Interface components and reusable templates.
Illustrations and visual assets for digital products.
Illustrations and visual assets for digital products.
Illustrations and visual assets for digital products.
Visual references and creative work to explore.
Aceternity UI is a React component library with 200+ copy-paste components, blocks, and landing page templates built with Tailwind CSS and Motion.
Explore reusable interface components, examples, and implementation references.
Explore reusable interface components, examples, and implementation references.
UI component infrastructure and Material Design components for mobile and desktop Angular web applications.
Ship stunning UI faster with Ship stunning UI faster with ready-made React components..
Lower-level component library for building accessible higher-level UI libraries, design systems and web applications with React.

Using these references

Review keyboard interaction, focus, loading and error states alongside the default appearance. Check the original resource for supported frameworks, accessibility details and licensing before using any implementation or asset.