Future UI

⟲ Carousels

Radial Carousel
Disperse Carousel
Squircle Carousel
Byobu Carousel
Depth Cascade
Flow Gallery
Negatives Spread

▦ Cards

Inferno Card
Particle Dispersion
Flame Shader Card
Particle Swarm
Metallic Card 3D
Blob Card

▧ Blocks

Bento Grid
Isometric Testimonial Grid
Moving Bento
Fluid Navbar
Isometric Cube Grid
Particle Bento
3D Phone Mockup
Revolving Sidebar

▣ Displays

Retro Display
Split-Flap Display
Isometric Waterfall

◆ Backgrounds

Cosmic Morph
Shifting Sands
Cosmic Vortex
Smoke Ink
Liquid Chrome
Aurora Curtain
Nebula Forge
Ember Rain
Frozen Fracture
Plasma Storm
Molten Glass
Sci-Fi Environment

✦ Effects

Particle Rain
Distort
Eraser
Ripple
Swirl
Blade Sphere
Fractal Glass Shimmer
Pulse Grid
Signal Pulse

◈ Inputs

Animated Accordion
Animated Tooltip
Color Picker

◉ Buttons

Pixel Hover Button
Timeout Button
Gooey Button Group
Toxic Button

Negatives Spread

⟲ Carousels

Project showcase carousel styled like a 35mm film strip — sprocket holes, frame numbers, edge markings, and a GSAP unroll on mount, then drag to scroll with momentum.

carouselfilmnegativesgalleryshowcasedraggsapunroll

No preview available

Drag the strip horizontally — the roll unspools on mount, then scrolls with momentum

Controls

Frame Width200

Frame Height280

Frame Gap12

Unroll Duration1.6

Frame Numbers

Edge Text

Edge Text

Film Color

#1a0e08

Accent Color

#f0b878

Background

#0a0a0a