Thryvane
Sign Up
Back to All Components
Author:@troyjlorents-gh
@troyjlorents-ghCarouselGlassmorphism

Glassy Coverflow Carousel

Glassy Coverflow Carousel - crafted component by @troyjlorents-gh integrated into Thryvane Design System.

Verified IRFreev1.2.0MIT License
Interactive PreviewLive
Prompt Specification for Claude Code, Cursor, Codex, ChatGPTMarkdown Format
# Prompt: Glassy Coverflow Carousel

Create a pixel-perfect, production-grade React TypeScript component for **Glassy Coverflow Carousel** using Tailwind CSS and Framer Motion / GSAP.

## Style & Aesthetic
- Palette: Thryvane Minimal Dark theme.
  - Background: #090909
  - Surface: #141414
  - Border: #262626
  - Accent: #fdcac9
  - Text Primary: #ffffff
  - Text Secondary: #888888
- Motion: Smooth spring physics (stiffness: 300, damping: 25) and cubic-bezier easing.
- Interactions: Responsive hover states, multi-device touch support.

## Architecture
- Self-contained React component with typed props.
- Full responsive support (Mobile 375px, Tablet 768px, Desktop 1440px).
- ARIA accessibility and keyboard navigation.

Related Resources

Because you saved Glassy Coverflow Carousel

Explore all
3D Journal Page Carousel
Details
Carousel3D & WebGL

3D Journal Page Carousel

@kedhareswerView
Adjustable Glass Dashboard
Details
@troyjlorents-ghView
Curved Arc Image Carousel
Details
@kedhareswerView