Component Playground

Select a component to explore and interact with

Button

A versatile, customizable button component that supports multiple variants, sizes, and states. Can be rendered as different HTML elements and includes accessibility features.

Marquee

completed

A customizable scrolling text component that supports multiple directions and speeds. Consists of a MarqueeContainer and Marquee elements for creating smooth scrolling content with configurable gap sizes and animation speeds.

Syntax

in-progress

A code syntax highlighting component that parses and displays code with token-based coloring. Supports JSX, TypeScript and other JavaScript features with scrollable view and line numbers.