jsNectar
Simple
Responsive
Performant
Customizable
Dark Mode
Accessible
Simple
Built with the bare-minimum code needed to get started.
Why using these components?
Because they are awesome!
Start Fast
These are the basic components every app needs. Like the Navbar and the Footer, they are ready to use. Copy and paste them wherever you need them.
Free Forever
This is a hoby project and the library will remain free forever. No credit card, no subscription, no registration. Just use it, change it, and use it again. Enjoy!
Customizable
The library is open source and you can customize it to your needs. You can change the colors, spacing, and other properties as needed. No restrictions. It's all yours!
What people are saying!
Everyone can give us feedback, and we'd love to hear from you! But of course, we make sure only positive reviews are shown 😎
★★★★★
" This is the best UI Library I've ever used. I'm so glad I've used it. It's so clean and easy to use. I love the way it works. I think I'm going to use it again. "
No One Ever
★★★★★
" I have no clue what this website is about. I'm not even a developer. I just wanted to have my comment on the internet so I've given it 5 stars. "
Famous Person
★★★★★
" This is just amazing. I have no idea what I am doing. I am just happy to help out my friend to populate the comment section. "
Friend
How to Start?
If you want to use these components, go to the UI section, copy and paste them wherever you need them.
Copy
Find the component you want in the UI section. Press the <copy code> button to copy it.
Paste
Create a new vue file in your nuxt project's components directory and paste the copied code into it.
Customize
Call the component in your template and customize its content as needed. That's it!
FROM THE BLOG!
Check out some of our latest articles.
FAQs
Have a question? Check out our frequently asked questions below.
To get started with jsNectar, simply navigate to the blog section to access tutorial articles or visit the ui library to explore the available UI components. Everything is free of charge!
Absolutely! We welcome contributions to the blog and ui library. If you have valuable insights or UI components to share, please reach out to us.
We appreciate your feedback! You can send us your suggestions, comments, or report any issues by using the contact form on our website.
Certainly! If there's a specific topic or concept you'd like to learn more about, feel free to request a tutorial. We'll do our best to fulfill your request.