Adventureland Registry

Introduction

A custom shadcn registry of distinctive, production-grade React components extracted from the Adventureland portfolio.

The Adventureland registry (@adv) is a custom shadcn registry publishing the distinctive custom components from the Adventureland portfolio — the cyberpunk text suite, GSAP/Framer-Motion text effects, WebGL shader backgrounds, composed item layouts, and a set of polished interaction primitives.

Every component on this site is installed from the registry and rendered live in its own page, so the docs double as a validation that each item installs cleanly.

What's inside

  • Cyberpunk — layered glitch text, brackets, patterns, an animated cursor, and a striped banner.
  • Text & FX — scramble, shimmer, shine, blinking cursor, and scroll-triggered text sections.
  • Layout — item page / details / header / pagination scaffolds and decorative cards.
  • Visual & Shaders — three.js paper and WebGL backgrounds, texture patterns, custom cursor.
  • Interactions — back button, audio button, FAB, hover-card preview, notifications, toaster, loader, page-turn.

Quick start

Add the registry to your components.json, then install any component:

npx shadcn@latest add @adv/cyberpunk-text

See Installation for the one-time registry setup, then browse the components in the sidebar.

On this page