Card Components
Interactive cards for product grids, feature highlights, and galleries — tilt, glow, stack, flip, and expand on interaction. Built with Tailwind CSS and Framer Motion, typed in TypeScript.
All cards in Nexus UI
- Cinematic Card Deck
A scroll-linked 3D card stack with depth, ambient glow, progress dots, cursor parallax, and optional image-backed cards.
- Phone Input
A modern animated phone number input with country selector and validation.
- Nebula Glass Card
3D tilt card with spring physics and luminous edge lighting.
- 3D Folder Card
Interactive folder card that opens on hover, fans project cards upward, and includes a lightbox gallery for visual collections.
- Draggable Card Stack
Shuffled deck of portrait cards on a dark surface. Drag or fling the top card to send it to the back; press ← to pull the bottom card to the front. Supports images and videos, hover overlay, auto-play, and fully configurable stack geometry.
- 3D Card Carousel
Cylindrical 3D card carousel — cards arranged in a circle on the Z axis, rotating continuously or on scroll. Radius, perspective, item size, speed, and direction are all configurable.
- Text Reveal Card
Interactive spotlight card with mouse-follow glow and bottom reveal content for features, case studies, and portfolio sections.
- Glowing Effect Cards
Cursor-reactive glowing border cards with a responsive 2-1-2 layout for refined SaaS sections and dashboards.
- Expandable Cards
Responsive card grid where clicking a card smoothly expands it into a full-detail overlay with image, description, and a CTA button.
- Circular Carousel
An animated orbital carousel with smooth active-card transitions.
- Spectra Frame
Zero-dependency interactive image grid — photos start in black & white and burst into full color on hover with adaptive scale. Built-in responsive columns, scoped CSS injection, and picsum placeholder defaults.
- Profile Orbit
An interactive profile carousel where five floating avatars orbit a central card. Clicking any avatar, the nav arrows, or the keyboard cycles through people with a smooth fade + spring animation.
- Feature Tools Card
A dark glass card with five magnetic icon slots, a rotating conic-gradient orbit ring, and 3-D tilt physics. Swap the default integration icons for any SVG or image.