Material · mesh · Paid

Still Mesh

Static multi-point mesh for heroes and empty states. Warm heat-adjacent palette.

Type: mesh
Contexts: hero · empty
Tags: mesh · static · gradient · heat
Perf: webgl · StaticMeshGradient has no animation loop — cheap for grids and empty shells.

Configurator

Pause freezes the live preview. Reduced motion uses the CSS shell fallback. Reset restores catalog defaults and clears config URL params. Share config copies this page link.

Positions18.00Wave X0.70Wave Y0.85Mixing0.70Grain mixer0.08Grain overlay0.12Rotation200.00

Get access

personal

CLI

npx shadcn@latest add @frameline/still-mesh

Copy-paste path

components/ui/still-mesh.tsx

Drop source beside your UI kit, or paste JSX from the panel below after install.

Buy license

Install unlocks after purchase. Preview JSX is for evaluation. Full install guide.

License

$99

Personal

All personal materials · commercial rights · updates.

Permitted

All personal-tier SKUs via registry
Commercial projects under your name
Email receipt + account reinstall

Not permitted

Client deliverables under a studio seat
Redistribute source packages

Compare Free, Personal, and Team on Pricing.

JSX

import { StillMesh } from "@/materials";

<StillMesh
  positions={18}
  waveX={0.7}
  waveY={0.85}
  mixing={0.7}
  grainMixer={0.08}
  grainOverlay={0.12}
  rotation={200}
  waveXShift={0.4}
  waveYShift={0.3}
  colors={["#FF6B35","#1A1210","#2D6BFF","#F4E8D8"]}
  className="absolute inset-0"
/>

Props

Name	Type	Default	Description
positions	number	18	Mesh control points
waveX	number	0.7	Horizontal wave
waveY	number	0.85	Vertical wave
mixing	number	0.7	Color mixing
grainMixer	number	0.08	Grain mix
grainOverlay	number	0.12	Grain overlay
rotation	number	200	Rotation degrees
waveXShift	number	0.4	Horizontal wave shift
waveYShift	number	0.3	Vertical wave shift
colors	colors	#FF6B35, #1A1210, #2D6BFF, #F4E8D8	Mesh color stops

Frameline

Design assets for the AI era — shippable surface so you don’t ship the default look.

Product

Resources

Company

Account

Sera · Stone · Blue