DEV Community

Rahul Vashishtha
Rahul Vashishtha

Posted on

7 1 1 1 1

Introducing Inspira UI: A Fresh, Open-Source UI Library for Vue! ๐Ÿš€

Hey Dev.to Community! ๐Ÿ‘‹

I'm excited to share a new open-source project I've been working on: Inspira UI - a UI library designed for both Vue and Nuxt developers, aimed at helping you build beautiful and responsive interfaces quickly!

๐ŸŒŸ What is Inspira UI?

Inspira UI is a collection of reusable components built with shadcn-vue, @vueuse/motion, and TailwindCSS. Inspired by Aceternity UI, this library brings its unique features to the Vue and Nuxt ecosystems, offering a modern and flexible toolset for your next project.

๐Ÿš€ Whatโ€™s Inside?

Currently, Inspira UI includes:

  1. Currently, we have 4 cool component effects.
  2. Ongoing work includes porting components from Aceternity UI to Vue and adding brand-new components tailored for the Vue ecosystem.

And this is just the beginning! I'll be continuously adding more components, including those ported from Aceternity UI and new, unique components created specifically for Vue and Nuxt users.

๐Ÿ’ก Why Choose Inspira UI?

  • Built for Vue and Nuxt: Compatible with both Vue and Nuxt, leveraging their powerful features for maximum flexibility.
  • Highly Customizable: Easily adaptable to fit any design language or style guide.
  • Open Source and Community-Driven: Your feedback and contributions are always welcome!

๐Ÿ”ง How to Get Started?

To start using Inspira UI, you can visit our website or check out the GitHub repository.

๐Ÿ’ฌ Join the Community!

Iโ€™m eager to hear your thoughts and see how you use Inspira UI in your projects. Feel free to open issues, suggest features, or contribute components to help grow the library.

A special thanks to Manu Arora for allowing me to port Aceternity UI to Vue โ€“ this project wouldnโ€™t be the same without it!

๐Ÿ“ข Whatโ€™s Next?

Stay tuned for more components, both from Aceternity UI and newly designed ones tailored for Vue and Nuxt developers. Iโ€™d love to have you join me on this journey!

Tiugo image

Fast, Lean, and Fully Extensible

CKEditor 5 is built for developers who value flexibility and speed. Pick the features that matter, drop the ones that donโ€™t and enjoy a high-performance WYSIWYG that fits into your workflow

Start now

Top comments (0)

Sentry blog image

Identify what makes your TTFB high so you can fix it

In the past few years in the web dev world, weโ€™ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

Read more

๐Ÿ‘‹ Kindness is contagious

Dive into this insightful write-up, celebrated within the collaborative DEV Community. Developers at any stage are invited to contribute and elevate our shared skills.

A simple "thank you" can boost someoneโ€™s spiritsโ€”leave your kudos in the comments!

On DEV, exchanging ideas fuels progress and deepens our connections. If this post helped you, a brief note of thanks goes a long way.

Okay