Components
Components Overview
Crystal's component library — from primitives to full layouts.
Crystal provides 60+ React components across several categories. All components respect the active theme and crystallization preset.
Categories
Primitives
CrystalTile, CrystalCard, CrystalChip, CrystalGlassCard, CrystalGradientText
Navigation
CrystalNav, CrystalNavDrawer, CrystalNavHamburger, CrystalNavLink
Animation
CrystalMagneticButton, CrystalTextReveal, CrystalScrollSmoother
Devices
CrystalDeviceBrowser, CrystalDevicePhone, CrystalDeviceWindow, CrystalDeviceCode
Installation
All Crystal components are available from @artasce/crystal-ui:
pnpm add @artasce/crystal-ui @artasce/crystal-tokensimport { CrystalTile, CrystalCard, CrystalGrid } from '@artasce/crystal-ui';Storybook
Every component has interactive stories in Crystal Storybook. Use Storybook to explore all variants, adjust props in real-time, and test edge cases.