Components / Assets / Interactions

Made to be
played with.

A collection of interface pieces, visual assets, and UX details. Try the live examples, read the source, and take what you need.

In the spotlight

Dynamic Island Toolbar

The original toolbar from samhc.us. Draw, change type, recolor, and explore effects inside a little site of its own.

npx shadcn@latest add https://ui.samhc.us/r/dynamic-toolbar.json

Download example ↓

example / dynamic island

Loading the example. If it does not appear, use Restart to try again.

Buttons

Button

Pulsating Button

Magnetic Button

Shimmer Button

Rage Button

Confetti Button

Purchase Button

Coffee Button

Push Button

Social Buttons

Toggles

Pill Toggle

Ship Toggle

Segmented Control

Animated Theme Toggler

Inputs

Input

Slider

Hue Slider

Cards

Spotlight Card

Tilt Card

Snap-back Card

CSS Box

Book Cover

Free Tag

Wordmark Panel

Overlays

Morphing Dialog

Tooltip

Toaster

Memoji Widget

Samuel Widget

Weather Stack

Weather Scene

Text

Typewriter

Animated Counter

Prose Kit

Handwriting

Icons

Wok Logo

Cat Mark

Spinning Globe

Flags

Wordmarks

Samuel Wordmark

Writing Wordmark

Chopsticks Wordmark

Sandbox Wordmark

Components Wordmark

Just For Fun Wordmark

Pixel Wordmark

UI Components Wordmark

Design Wordmark

Instagram Gradient

Cursors

Site Cursor

Cursor

Cat Cursor

Effects

Aurora

Wave Fill

Bubble Field

Background Effects

Dither Image

Qp Dither

Canvas Reveal Effect

Reveal

Agent Roster

Media

Video Player

3D Globe

Sound

Web Haptics