This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Spark UI
A source-first React component library for modern apps
Hi Product Hunt! 👋
I built Spark UI because I wanted React components that developers could fully inspect, customize, and own instead of relying only on a closed package.
Spark UI is an open-source, shadcn-compatible component registry built with React, TypeScript, Tailwind CSS, Next.js, and Radix UI. Components are installed directly into your project as source code, so you can adapt the styling, behavior, accessibility, and structure to fit your application.
While building it, I noticed another problem: AI coding agents often guess component names, imports, props, and composition patterns. To improve that experience, I added a Spark UI Agent Skill that teaches compatible agents how to inspect, install, import, compose, customize, and troubleshoot the components correctly.
You can install the Agent Skill with:
npx skills add codeweb-dev/spark-ui --skill spark-ui
This is the first public version, and I’m looking for developers who are willing to try it and share honest feedback.
I would especially appreciate feedback about:
• Component installation
• Documentation clarity
• Accessibility
• Mobile responsiveness
• Dark and light themes
• Component APIs
• Agent Skill behavior
• Bugs and missing components
Spark UI is fully open source and open for contributions. Before submitting a pull request, please read the CONTRIBUTING.md guide in the repository.
Thanks for checking out Spark UI. I’d love to hear what you would improve first. ⚡
The components feel really well thought out, especially the dropdowns which handle keyboard nav better than most libraries I've used. Going to drop this into a side project this weekend.
A real time playground where you can tweak the props of each component and see the code update on the fly would be huge for trying things out before installing.
The attention to micro-interactions here really stands out, like how the components feel weighted and intentional rather than just snapping into place. That kind of polish is rare in open-source kits.
About Spark UI on Product Hunt
“A source-first React component library for modern apps”
Spark UI was submitted on Product Hunt and earned 18 upvotes and 7 comments, placing #37 on the daily leaderboard. A collection of polished React components, thoughtful interactions, and open-source building blocks for modern products.
Spark UI was featured in Design Tools (261.3k followers), Open Source (68.6k followers) and GitHub (41.3k followers) on Product Hunt. Together, these topics include over 78.6k products, making this a competitive space to launch in.
Who hunted Spark UI?
Spark UI was hunted by Allen. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Spark UI stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Allen