⚠️ Design system CSS not found. Check the path in cms/docs.config.js → designSystemPath, then re-run npm run docgen.

Website

Interactions

bd-animations

In-house animation system built on GSAP and ScrollTrigger

bd-audio

In-house sound feedback system for user interactions

bd-cursor

In-house custom cursor system for desktop interactions

Libraries

GSAP

GreenSock Animation Platform — setup, plugins, and best practices

Splide

Lightweight carousel library — setup, extensions, and best practices

Pages

Homepage

Complete guide to homepage-specific features including video interactions, logo animations, and slider components

Hero

Interactive portfolio showcase with key visual spawning system

Hero Shapes Analytics Tracking

Analytics tracking system for Hero Shapes physics interactions

Stacking Shapes

Interactive physics-driven experience with draggable brand shapes and Matter.js

Case Study

Intelligent content pinning system for case study pages with responsive behavior

Was this page helpful?

We use this feedback to improve our documentation.

Thanks for your feedback

Send feedback

© 2026 By Default