LSD
- Container queries first-class
- Token-snap drag
- Aurora timeline included
- Surface-aware components
- .lsd public package
Sections · comparison · variants
Comparison · 10 layouts
Same primitives, different stories. Five ways to argue "us vs. them".
v01 · side-by-side
VS
Other builders
- Media-query CSS forks
- Pixel drag, no token snap
- Tween-only motion
- Hardcoded colors per page
- Vendor-locked format
v02 · table-style
Spec sheet
| Feature | LSD | Builder A | Builder B |
|---|---|---|---|
| Container queries | ✓ | — | — |
| Token-snap drag | ✓ | — | — |
| Timeline editor | ✓ | — | ✓ |
| Surface stacks | ✓ | — | — |
| Public file format | ✓ | — | — |
| Self-hosted | ✓ | — | ✓ |
v03 · slider-mode
Morph
Slide between worlds.
Before
After
Old wayLSD
v04 · stacked-vs-tiles
A
Option A · LSD
Substrate-first. Tokens, surfaces, containers. Ships agent-ready.
VS
B
Option B · Builder
Markup-first. Inline styles, fixed widths, every page bespoke.
v05 · interactive-vs-cards
Click to flip.
LSD
Click for full spec
Full spec
- Container queries
- Token-snap drag
- Aurora timelines
- Surface stacks
- .lsd package
Others
Click for full spec
Full spec
- Media queries only
- Pixel drag
- Tween motion
- Page-scoped color
- Vendor format
v06 · vs-orbital
LSD
- Container queries
- Token-snap drag
- Aurora timelines
- .lsd packs
VS
Others
- Media queries only
- Pixel drag
- Tween motion
- Vendor format
v07 · dual-spotlight
LSD
- Container-query layouts
- Token-snap interactions
- Surface-aware components
- .lsd public format
- Visual JS Behaviours
Others
- Media queries only
- Pixel drag
- Hardcoded per-page colors
- Vendor-locked format
- Inline-only event handlers
v08 · animated-bar-comparison
By the numbers.
Build speed
Page weight
Responsive ease
Brand swap
Agent ready
LSDOthers
v09 · checkbox-grid
FeatureLSDOthers
Container queries✓—
Token-snap drag✓—
Aurora timelines✓—
Surface stacks✓—
.lsd public format✓—
Self-hosted✓✓
v10 · parallax-depth-vs
LSD
- Container queries
- Token-snap drag
- Aurora timelines
- .lsd packs
- Surface stacks
VS
Others
- Media queries only
- Pixel drag
- Tween motion
- Vendor format
- Hardcoded colors