Blocks · FAQs
Tabs Deep
Tab-grouped FAQ. Each tab contains its own accordion list — a deeper organisation than single-level filters.
05 · live
Pattern
Help, organised in two levels
Pick a topic, then expand a question.
How do I install LSD?
One npm package, one CSS import, one optional JS module for runtime behaviours.
Does it work with my framework?
Output is CSS custom properties — every framework consumes them. We ship adapters for Next, Svelte, and WordPress.
What's in the .lsd contract?
A serialised package containing your source nebula, tier configuration, and Behaviours map. Three audiences read it.
Why OKLCH?
Perceptually uniform. A 10% lightness step actually looks like one.
Can I keep my brand palette?
Yes — the Surfaces panel derives the full tier stack from any custom color you provide.
What is Aurora?
Our timeline editor. Authors motion as DAW-style tracks with named keyframes and a scrubbable playhead.
Does motion respect reduced-motion?
Every keyframe ships with a prefers-reduced-motion fallback. The framework refuses to author motion that ignores it.
Is there a free tier?
Yes. Free for solo authors and open-source projects. Team plans start at the indie tier.
View HTML
<div class="ftd-tabs"><button data-tab="x">X</button></div><div class="ftd-pane" data-pane="x"><details>…</details></div>LSD blocks · FAQs · Tabs Deep