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
6components834.5Kviews6Kbookmarks

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

    reuno-ui

    reuno-ui

    by reuno-ui

    42

    components

    AT

    Atmos

    by Daiwiik Harihar

    21

    components

    OV

    Overture

    by Daiwiik Harihar

    11

    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 →