Elixir UIBuild pages people remember

A design system for teams shipping bold, modern web pages.

Use production-ready components, expressive motion, and conversion-focused structures to go from idea to launch without reinventing your UI each sprint.

Explore componentsExplore components

Read docsRead docs

Foundation

Component-first architecture

Experience

Motion-enhanced sections

Output

Production-ready layouts

How to use components

A simple path from docs to production UI.

Follow this three-step flow to integrate components quickly and keep your pages consistent, responsive, and ready to launch.

Step 01

Choose a component

Pick a block from docs based on your section goal, then review the props and preview before integrating.

Step 02

Install and import

Copy the install command, add the component to your project, and import it where your section needs it.

Step 03

Customize and ship

Adjust content, spacing, and theme tokens to match your brand, then ship a polished, responsive section.

Live component map

Navigate your UI library through a cinematic orbital interface.

Spin through 3D-ready building blocks, pause on hover to inspect, and jump straight to implementation docs in one click.

3D components

Deeper interaction with immersive UI blocks.

Browse 3D docsBrowse 3D docs

3D system

Immersive interactions

Use Orbital Flow, Liquid Frame, and Funnel Gallery to add depth without changing your design language.

Implementation

Drop-in component workflow

Keep 3D blocks isolated in showcase sections and pair them with simple content cards for better visual rhythm.

3D component navigator

Explore immersive components for modern interfaces.

Jump directly into Funnel Gallery, Liquid Frame, Vision Glass Card, Orbital Flow, Motion Gallery, and Vanilla Tilt Card to build rich, motion-first product experiences faster.

Funnel Gallery

Layered 3D gallery layouts for bold product storytelling sections.

Liquid Frame

Fluid 3D media container for immersive hero and showcase blocks.

Vision Glass Card

Glassmorphism-inspired 3D card with depth-focused visual styling.

Orbital Flow

Interactive orbital motion system to create cinematic 3D flow sections.

Motion Gallery

Animated gallery composition with smooth transitions and visual rhythm.

Vanilla Tilt Card

Responsive tilt interaction card that adds subtle motion depth on hover.