HomeBookmarks
PrimaPrima
Prima

Prima

Cinematic hero sections for React & Next.js: scroll-driven video, WebGL particles, shattered glass, day/night and 3D scenes. Free, copy-paste. By guglielmogiannattasio.it

GGby Guglielmo Giannattasio
6components784.5Kviews5.7Kbookmarks

Prima contents

  • Liquid Sculpture Hero

    Liquid Sculpture Hero

  • Elsewhere — Day/Night Video Hero with Ambient Sound

    Elsewhere — Day/Night Video Hero with Ambient Sound

  • Sunset Skyline Hero

    Sunset Skyline Hero

  • Scroll Locked Video HeroScroll Locked Video Hero

    Scroll Locked Video Hero

  • Broken by Design — Shattered Glass Hero

    Broken by Design — Shattered Glass Hero

  • UFO HeroUFO Hero

    UFO Hero

    • That's all 6 components
    1. Components
    2. /
    3. Guglielmo Giannattasio
    4. /
    5. Prima

    Related libraries

    agentic 3d · by vibecoding.tech

    agentic 3d · by vibecoding.tech

    by Eugene Shilow

    3

    components

    IC

    Image Carousels

    by Kedhareswer Naidu

    21

    components

    ThreeUI

    ThreeUI

    by Meng To

    38

    components

    UI Layouts

    UI Layouts

    by UI Layouts

    127

    components

    AT

    Atmos

    by Daiwiik Harihar

    21

    components

    FR

    Freedom

    by Dhileep Kumar GM

    215

    components

    About Prima

    Prima is a component library on 21st.dev by Guglielmo Giannattasio with 6 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

    All 6 Prima components

    • Broken by Design — Shattered Glass Hero
    • Elsewhere — Day/Night Video Hero with Ambient Sound
    • Liquid Sculpture Hero
    • Scroll-Locked Video Hero
    • Sunset Skyline Hero
    • UFO Hero

    Browse all component libraries →