Components

Crystal Design System React components

Import from @artasce/crystal-ui — 7 primitives, 5 animation components, 5 navigation parts, 4 device mockups, 2 layout containers, and 4 higher-level compounds.

Primitives

7

Core atomic components: CrystalTile, CrystalCard, CrystalChip, CrystalGlassCard, CrystalGradientText, CrystalAmbientGlow, CrystalLinkUnderline

Animation

7

GSAP-powered components: CrystalTextReveal, CrystalScrollReveal, CrystalCrossfade, CrystalBackdropText, CrystalMagneticButton, CrystalCursorGhost, CrystalScrollSmoother

Navigation

5

Responsive navigation: CrystalNav with GSAP animations, hamburger menu, and drawer

Device Mockups

4

CrystalDevicePhone, CrystalDeviceBrowser, CrystalDeviceWindow, CrystalDeviceCode

Layout

2

CrystalGrid with Fibonacci-based spacing, CrystalFullscreenSlider for full-page sections

Higher-Level

4

CrystalThemeSelector, CrystalSectionHeader, CrystalSteppedList, CrystalServiceAccordion

Screen States

5

The five states every screen owes: CrystalStates, CrystalGhost, ErrorState, Denied, plus CrystalDevChip