DEV Community

loading...

I created 8 free dashboard templates built with Tailwind for React, Next, Vue and Nuxt.

enoch ndika
React & Node.js developper | Udemy Instructor | Creator of Salvia-kit & Kimia-ui
・2 min read

Salvia-kit dashboard

Website
Github

Background

By creating several dashboards for my professional use, I ended up with several dashboard templates. So I decided to make it open source because it would motivate me to create even more dashboards.

At the beginning I wanted to make them only for React but with time I was motivated to make them for Next.js, Vue.js and Nuxt to reach more developers.

Presentation

I made a total of 8 dashboards and each dashboard has 4 templates.

  • React template
  • Next.js template
  • Vue template
  • Nuxt.js template

Features

i took advantage of Tailwind's flexibility to create free premium dashboard templates.

  • Support of the active route (styled by default).
  • Fully customizable and without external dependencies.
  • No vendor lock-in, you can export it and integrate it in your project.
  • Sidenav aligned left or right according to your preferences (on mobile).
  • A detailled documentation.

No vendor lock-in

Salvia-kit is created to solve a problem I often encountered when using dashboards owned by third party developers or companies. that is vendor lock-in.

These dashboards often contained many configurations with several scripts, which still did not allow to export them and integrate them easily into an existing project. Therefore, it was always necessary to use the repository provided by the owner of the dashboard.

This is what motivated me to create dashboards that can be easily integrated into existing projects with simple, readable code and documentation designed for developers.

Contributions

As English is not my native language, I can make some grammatical mistakes while writing all the 33 repositories. You can fix that by contributing to improve content.

If You'd like to add a new dashboard, please check out the Contribution Guide

Acknowledgements

Thanks to Vercel for sponsoring this project by allowing it to be deployed for free for the entire Salvia-kit Team.

Discussion (19)

Collapse
enochndika profile image
enoch ndika Author

Thank you

Collapse
proapi profile image
Michał Pawelski

It looks really cool, clean and simple.

Collapse
enochndika profile image
enoch ndika Author

thank you

Collapse
noamgu profile image
noamgu

Awesome work!

Collapse
aheisleycook profile image
privatecloudev

Clean and solid I like tailwind unlike bootstrap because that one its clunky if you ever decided to do anything custom

Collapse
aheisleycook profile image
privatecloudev

Development should free to the artist if its not more tools musrgrow

Collapse
lahmerilyas profile image
LahmerIlyas

Amazing

Collapse
chadrackkyungu profile image
Chadrack kyungu

The design is superb, thank u for the wonderful work

Collapse
enochndika profile image
enoch ndika Author

yeah, i updated the post. you can see the link at the top

Collapse
zaxwebs profile image
Zack Webster

This looks really cool. I've been planning to learn React and this seems to be the perfect reference for me.

Collapse
brunotdantas profile image
Bruno Dantas

Thanks a lot, that will come in handy =)

Collapse
wilson_maseko_the_dev profile image
Wilson Maseko

Wow impressive

Collapse
manikbajaj profile image
Manik

Great! What do you mean by "No vendor lock-in". Your statement doesn't clearly explain the problem that you are trying to solve here .

Collapse
justdaven profile image
justdaven • Edited

Say you were to create dashboards using Splunk. Then your boss wanted to stop paying by the gb, so you move to Elastic. You need to recreate any dashboards you had. With this, you would just need to change the data sources...

Collapse
j3rg profile image
Jorgen Ordonez

Great work

Collapse
dipayansukul profile image
Dipayan Sukul

Really beautiful. Loved them ❤️❤️❤️❤️❤️