Scalar UI
Marketing UIApp UIAIChartsBackgrounds
Sign inGet started
Scalar UI
Scalar UI© 2026 Scalar Limited

React · Tailwind CSS · Motion

Browse

HomeAll components 213

Collections

Marketing UI 107App UI 94AI 16Charts 45Backgrounds 2Text 43

More

Text 43

Marketing UI

Visuals 53Bento 1Hero 6Features 7Pricing 6Social Proof 16CTA & FAQ 9Headers & Footers 3Mockups 2Kit 3Landing pages 1

App UI

InstallationPrimitives 60Layouts 3Blocks 30Other 1

AI

Chat boxes 2Skill slots 1Power-ups 1Spark sliders 1Attachments 1Spark pulsars 1Typing & avatars 2Agent UI 1Personas 6

Charts

Bar chart 2Stacked bar 2Horizontal bar 2Line chart 3Area chart 3Spark chart 1Pie chart 2Donut & semi-donut 2Radial chart 1Hexagon chart 3Heatmap 2Funnel chart 3Category bar 2Segmented progress 1Scatter & bubble 2Combo chart 2Waterfall 2Diverging bar 2Candlestick 2Treemap 2Waffle chart 2Sankey 2

Resources

Docs & installScalar Design

All components

Marketing sections, AI pieces, charts, interactives, backgrounds and text effects. Preview live, copy when you’re signed in.

9 results for “webgl”

9 results for “webgl”

Agent Passport preview

Agent Passport

Section

A passport for an AI agent with real document security. A portrait booklet opens to a laminated data page with the agent's holographic emblem, a ghost image and a seal, visas are inked opposite, and a UV lamp reveals hidden fluorescent fibres and the registry emblem.

Agent Pass preview

Agent Pass

Section

An access pass for an AI agent and the reader it slots into. A holographic credential with a guilloché rosette, a diffractive emblem and three clearance rings drops into the reader like a cassette, light races round its rings, access is granted and it ejects.

Edge Cloud preview

Edge Cloud

Section

A cloud lit from inside, rendered on the GPU. Three wires run into it from each side; every few seconds streaks of light race down all six at once, and when they land the cloud flares as rings of light roll through it from each side. Click to send a wave.

Load Balancer preview

Load Balancer

Section

Traffic through a load balancer, rendered on the GPU. Requests race in along curved wires and land in a glass balancer lit from inside, which flares and hands each on to a server card with a live sparkline. A failing server's route dims red and the rest pick up the load.

Mesh Gradient preview

Mesh Gradient

Section

A soft mesh of colour drawn on the GPU. Three pools drift and melt into each other under fine grain, and a fourth follows your pointer through them. Works behind text or on its own.

Payment Card preview

Payment Card

Section

A payment card with a holographic finish, rendered on the GPU. A thin-film foil on a pearl surface shifts colour as the card turns: it sways on its own, tilts toward the pointer with a glare that follows, and flips over to its back when clicked.

Fuzz Persona preview

Fuzz Persona

AI

A velvet-furred pyramid, cube, gem, heart or orb with bead eyes that can wear glasses, a hat or headphones. Listening breathes a soft aura, thinking sends light around its edge and across the fur, and speaking swells with the voice.

Metal Orb preview

Metal Orb

AI

An assistant persona as a drop of liquid metal on the GPU: it mirrors a softbox studio, tints to any colour and shimmers at the edge. Idle flows, listening draws ripples in, thinking rolls swells under the surface, speaking ripples out.

Persona Orb preview

Persona Orb

AI

Assistant personas as orbs of light, shaded like Edge Cloud on the GPU. Idle breathes, listening pulls rings inward, thinking lights drifting veins around a beating core, speaking wobbles and flares with the voice. Persona colours fade.

AllMarketing UIApp UIAIChartsBackgroundsText