Spark UI

Spark UI is an open-source collection of reusable React components and interactive UI building blocks for modern web applications.

It is built with React, TypeScript, Next.js, Tailwind CSS, Radix UI, and a shadcn-compatible source registry. Instead of installing a closed package, developers can add components directly to their projects as readable and customizable source code.

Spark UI includes common interface primitives, application-focused components, and animated components such as kanban boards, shimmer text, image trails, gradient backgrounds, and Spotify-inspired cards.

The project also includes an Agent Skill for compatible AI coding tools. The skill helps agents understand how to inspect, install, import, compose, customize, and troubleshoot Spark UI components correctly.

Agent Skill installation:

npx skills add codeweb-dev/spark-ui --skill spark-ui

Spark UI is free, open source, and open for community contributions. Developers are welcome to test the components, report issues, suggest improvements, and submit pull requests after reading the CONTRIBUTING.md guide.