Spelte

Command Palette
Search for a command to run...

Components

Browse all available components in Spelte.

Browse all available components in Spelte. Click on a component to view its documentation.

Perspective Book

A 3D book component with hover animation and customizable appearance.

Badge

A badge component with multiple color variants and sizes.

Marquee

Infinite scrolling marquee component with customizable speed and direction.

Logos Carousel

Animated carousel component that cycles through sets of logos with staggered animations.

Fallback Avatar

A unique gradient avatar generated from a name string.

QR Code

QR code generator with rounded finder patterns and dot-style data modules.

Spotify Card

Display Spotify tracks with album art and blurred background.

Keyboard Shortcuts

Display keyboard shortcuts with proper key symbols.

Chart

Interactive line chart with a cursor-tracked tooltip card, snap-to-point hover, and built-in X-axis labels.

Blur Reveal

Animated text reveal with blur effect.

Shimmer Text

Text with animated shimmer highlight effect.

Highlighted Text

Text with sliding background highlight animation using mix-blend-mode.

Slide Up Text

Text animation that slides up from bottom with stagger effect.

Words Stagger

Word-by-word text animation with blur, transform, and opacity effects.

Special Text

Animated text with scramble effect.

Randomized Text

Text component with randomized character reveal animation.

Gradient Wave Text

Apple-style animated gradient text with wave effect.

Text Marquee

Animated text marquee component with vertical scrolling.

Signature

Animated signature component with handwriting effect using custom fonts.

Rich Button

A button component with rich styling and color variants.

Flow Button

A button with animated flowing dashed border on hover.

Pop Button

A playful 3D-style button with push-down animation effect.

Copy Button

A copy-to-clipboard button with blur transition effect.

Animated Checkbox

Animated checkbox with spring transitions and strike-through text effect.

Exploding Input

Input component that spawns particle effects when typing.

Label Input

Input field with floating label and password visibility toggle.

Color Selector

Interactive color picker component.

Spinner

A loading spinner component with customizable size and color.

Bars Spinner

A loading spinner with rotating bars animation.

Light Rays

Animated light rays effect using WebGL shaders.

Animated Gradient

Animated gradient background with presets and customizable swirl effects using WebGL.

Tilt Card

Interactive 3D tilt card with perspective hover effect and spotlight.