Components

Every component renders live. Hover one to save, compare or copy it.

32 components

Clear filters

Dotted Map
Magic UI · Media
Pixel Image
Magic UI · Media
Scroll Based Velocity
Magic UI · Media
Globe
Magic UI · Media
Lens
Magic UI · Media
Badge with flag image
ReUI · Media
Basic carousel with single item
ReUI · Media
Vertical carousel orientation
ReUI · Media
Carousel with multiple items visible
ReUI · Media
Carousel with responsive basis
ReUI · Media
Carousel with autoplay plugin
ReUI · Media
Carousel with centered slide alignment
ReUI · Media
Carousel with custom spacing
ReUI · Media
Carousel with images and overlays
ReUI · Media
Columns mode with independently scrolling panels.
ReUI · Media
Framed by an external ScrollArea
ReUI · Media
Streaming reply that follows the edge
ReUI · Media
Anchored turn with a previous peek
ReUI · Media
Opening position for a saved thread
ReUI · Media
Load earlier without losing your place
ReUI · Media
Basic scroll area
ReUI · Media
Scroll area with horizontal scrollbar
ReUI · Media
Scroll area with both scrollbars
ReUI · Media
Scroll area with fade effect
ReUI · Media
Scroll area with scrollbar gutter
ReUI · Media
Basic scrollspy
ReUI · Media
Basic scroll area
ReUI · Media
Timeline with roadmap.
ReUI · Media
Timeline with roadmap items.
ReUI · Media
Compact Product Detail Page with Sticky Thumbnail Gallery and Dense Buy BoxPaid component — get it from ReUI
Compact Product Detail Page with Sticky Thumbnail Gallery and Dense Buy Box
ReUI · Media
Pro
Scrollspy
ReUI · Media
Account rollout activity dropdown with scrollable vertical timeline and per-step badgesPaid component — get it from ReUI
Account rollout activity dropdown with scrollable vertical timeline and per-step badges
ReUI · Media
Pro

Components

Dotted Map

Pixel Image

Scroll Based Velocity

Globe

Lens

Badge with flag image

Basic carousel with single item

Vertical carousel orientation

Carousel with multiple items visible

Carousel with responsive basis

Carousel with autoplay plugin

Carousel with centered slide alignment

Carousel with custom spacing

Carousel with images and overlays

Columns mode with independently scrolling panels.

Framed by an external ScrollArea

Streaming reply that follows the edge

Anchored turn with a previous peek

Opening position for a saved thread

Load earlier without losing your place

Basic scroll area

Scroll area with horizontal scrollbar

Scroll area with both scrollbars

Scroll area with fade effect

Scroll area with scrollbar gutter

Basic scrollspy

Basic scroll area

Timeline with roadmap.

Timeline with roadmap items.

Compact Product Detail Page with Sticky Thumbnail Gallery and Dense Buy Box

Scrollspy

Account rollout activity dropdown with scrollable vertical timeline and per-step badges

Dotted Map

Pixel Image

Scroll Based Velocity

Globe

Lens

Badge with flag image

Basic carousel with single item

Vertical carousel orientation

Carousel with multiple items visible

Carousel with responsive basis

Carousel with autoplay plugin

Carousel with centered slide alignment

Carousel with custom spacing

Carousel with images and overlays

Columns mode with independently scrolling panels.

Framed by an external ScrollArea

Streaming reply that follows the edge

Anchored turn with a previous peek

Opening position for a saved thread

Load earlier without losing your place

Basic scroll area

Scroll area with horizontal scrollbar

Scroll area with both scrollbars

Scroll area with fade effect

Scroll area with scrollbar gutter

Basic scrollspy

Basic scroll area

Timeline with roadmap.

Timeline with roadmap items.

Compact Product Detail Page with Sticky Thumbnail Gallery and Dense Buy Box

Scrollspy

Account rollout activity dropdown with scrollable vertical timeline and per-step badges