Experience The Magic Of Animated Components. Crafted With Vue, TypeScript, TailwindCss And Vueuse Motion ✨.
TypeScript Support - Built with TypeScript in mind and from the ground up.
Icon - Use any icon in your project from your favourite icon set.
Copy / paste components - Spark UI allows you to easily copy and paste components.
Diverse Component Selection - Create your application effortlessly with our expansive collection of 20+ UI components.
Powerful Tools - Spark UI is built on top of powerful tools such as TailwindCss, VueUse, @vueuse/motion etc.
Themeable - Customize any part of our beautiful components to match your style.
Spark UI was born out of a need to fill a gap in the Vue ecosystem, offering developers a versatile set of components that were previously hard to find in the Vue ecosystem. Drawing inspiration from some remarkable projects such Magic UI, Aceternity UI, NuxtHub, Syntax UI, and unique community contributions, Spark UI delivers a beautifully functional collection tailored for Vue applications. Its goal is to empower developers to create visually stunning and high-performing interfaces without the usual complexity. By combining the strengths of multiple design systems, Spark UI provides the perfect balance between creativity and ease of use, helping you build your applications faster.
While Spark UI offers a unique collection of animated components, we also encourage you to check out similar projects from other talented developers in the community. Collaboration and sharing are what make the Vue ecosystem so vibrant. You should check out Inspira UI as well.
This project is made possible by some remarkable projects such as:
-
Magic UI - For the beautiful components and inspiration.
-
Aceternity UI - For the beautiful components and inspiration.
-
Syntax UI - For the beautiful components.
-
Vitepress - The powerful Vue & Vite static generator that powers this documentation.
-
UnoCss - For the styling.
-
NuxtHub - For the particles component.
-
Shiki - For the syntax highlighter.
Contributions are welcome and encouraged! If you have any ideas or suggestions for new features, or if you encounter any bugs or issues, please open an issue or submit a pull request on the GitHub repository.
Developers interested in contributing should read the Code of Conduct and the Contributing Guide.