Landing-page pieces that don’t look like templates.
An open catalog from Orion Studio: visuals, text, scroll and carousels. One component each, tuned live in the browser, ready to copy into your project.
Selected pieces
All 14 piecesGlyph orb
A planet drawn in text, with drag, storms and a sun that follows the pointer.
Tile reveal
A grid of images that flies in on scroll, zooms and clears the stage for your headline.
Orbit ring
Cards on a 3D ring: drag to spin and coast, click a card to bring it front, turn it like a carousel or a wheel.
Kinetic ribbon
Text riding a travelling wave, flattening letter by letter as the ribbon twists edge-on.
Gravity grid
A construction grid that bends like spacetime around the pointer, with ring waves on press.
Sticky stack
Cards that pin in a staggered pile as you scroll; each one sinks, shrinks and dims under the next.
One standard, 5 kinds of piece.
How it works
- 01
Pick
Hover a card and the piece plays. Every one is a real component, not a recording.
- 02
Tune
Each page has a live playground. Move a slider, see the prop change, watch the snippet follow.
- 03
Copy
One folder per piece, typed props, no runtime dependencies beyond React.
Need it built into your site?
Orion Studio designs and ships websites, robots and games. These pieces come from that work.