Show HN: Bootstrap 5 Admin Dashboard with Vanilla JavaScript [MIT License]

I also think it looks neat, but I'm struggling to figure out what it is. Bootstrap, as in the CSS framework[0]? Latest release appears to be 4, what does 5 mean? Admin? Admin of what, a website? Some other platform? Is this a website template, with some built-in asset management mechanic like Wordpress?

> Volt is a free and open source Bootstrap powered admin dashboard with components, pages and plugin that you can use to create an awesome admin interface.

Components? As in, web components[1]? Or is it terminology from some other web framework, maybe React or maybe some language feature in e.g. TypeScript?

I suppose my question would be, what problem should I be having to look for a "Bootstrap 5 Admin Dashboard"?

[0]: https://getbootstrap.com/ [1]: https://developer.mozilla.org/en-US/docs/Web/Web_Components

Re: Show HN: Bootstrap 5 Admin Dashboard with Vanilla JavaScript [MIT License]

#5

Post by zoltanszogyenyi » Tue, Aug 25, 2020, 5:17 PM UTC

mottosso wrote: post #4

alexxozo wrote: post #2

Looks neat!

I also think it looks neat, but I'm struggling to figure out what it is. Bootstrap, as in the CSS framework[0]? Latest release appears to be 4, what does 5 mean? Admin? Admin of what, a website? Some other platform? Is this a website template, with some built-in asset management mechanic like Wordpress? > Volt is a free and open source Bootstrap powered admin dashboard with components, pages and plugin that you can u…

> Latest release appears to be 4, what does 5 mean?

There is an alpha version of Bootstrap 5 effectively dropping jQuery and IE 10/11 as a dependency (https://v5.getbootstrap.com/)

> Admin? Admin of what, a website? Some other platform?

Maybe we can work on the title, it's supposed to be a web interface for managing stuff like users, messages, statistics and so on. Think of Heroku Dashboard. Or Cloudflare dashboard. Stuff like that. Yes, it's a website template.

> Is this a website template, with some built-in asset management mechanic like Wordpress?

It's just plain old HTML, CSS and Javascript but with Sass and Gulp as some extra features for higher customizability and Gulp mostly for the compilation of the Sass file and some other commands like minifying the files.

> Components? As in, web components[1]? Or is it terminology from some other web framework, maybe React or maybe some language feature in e.g. TypeScript?

Components meaning buttons, form elements, alert elements and so on. So they are HTML + CSS + Javascript web interface components.

Do you think we should drop the "admin" part from the title then? Thanks for your input though!

Re: Show HN: Bootstrap 5 Admin Dashboard with Vanilla JavaScript [MIT License]

#6

Post by bdcravens » Tue, Aug 25, 2020, 5:28 PM UTC

mottosso wrote: post #4

alexxozo wrote: post #2

Looks neat!

I also think it looks neat, but I'm struggling to figure out what it is. Bootstrap, as in the CSS framework[0]? Latest release appears to be 4, what does 5 mean? Admin? Admin of what, a website? Some other platform? Is this a website template, with some built-in asset management mechanic like Wordpress? > Volt is a free and open source Bootstrap powered admin dashboard with components, pages and plugin that you can u…

Admin themes are common in theme marketplaces. As a convention, they usually always list out all the package UI elements (buttons, spinners, etc) as "components", which is a bit different than in the framework sense.

https://wrapbootstrap.com/category/templates/admin-templates

https://themeforest.net/category/site-templates/admin-templa...

Note the "component" terminology has been used in Bootstrap for a long time: https://getbootstrap.com/2.3.2/components.html

Re: Show HN: Bootstrap 5 Admin Dashboard with Vanilla JavaScript [MIT License]

#7

Post by zoltanszogyenyi » Tue, Aug 25, 2020, 5:29 PM UTC

bdcravens wrote: post #6

mottosso wrote: post #4

Earlier quoted context omitted.

I also think it looks neat, but I'm struggling to figure out what it is. Bootstrap, as in the CSS framework[0]? Latest release appears to be 4, what does 5 mean? Admin? Admin of what, a website? Some other platform? Is this a website template, with some built-in asset management mechanic like Wordpress? > Volt is a free and open source Bootstrap powered admin dashboard with components, pages and plugin that you can u…

Admin themes are common in theme marketplaces. As a convention, they usually always list out all the package UI elements (buttons, spinners, etc) as "components", which is a bit different than in the framework sense. https://wrapbootstrap.com/category/templates/admin-templates https://themeforest.net/category/site-templates/admin-templa... Note the "component" terminology has been used in Bootstrap for a long time: h…

Or newcomers like us :)

https://themesberg.com/templates/bootstrap/admin-dashboard

Re: Show HN: Bootstrap 5 Admin Dashboard with Vanilla JavaScript [MIT License]

#8

Post by mottosso » Tue, Aug 25, 2020, 7:08 PM UTC

bdcravens wrote: post #6

mottosso wrote: post #4

Earlier quoted context omitted.

I also think it looks neat, but I'm struggling to figure out what it is. Bootstrap, as in the CSS framework[0]? Latest release appears to be 4, what does 5 mean? Admin? Admin of what, a website? Some other platform? Is this a website template, with some built-in asset management mechanic like Wordpress? > Volt is a free and open source Bootstrap powered admin dashboard with components, pages and plugin that you can u…

Admin themes are common in theme marketplaces. As a convention, they usually always list out all the package UI elements (buttons, spinners, etc) as "components", which is a bit different than in the framework sense. https://wrapbootstrap.com/category/templates/admin-templates https://themeforest.net/category/site-templates/admin-templa... Note the "component" terminology has been used in Bootstrap for a long time: h…

Thanks, that helps put things in context.

Re: Show HN: Bootstrap 5 Admin Dashboard with Vanilla JavaScript [MIT License]

#9

Post by mottosso » Tue, Aug 25, 2020, 7:11 PM UTC

zoltanszogyenyi wrote: post #5

mottosso wrote: post #4

Earlier quoted context omitted.

I also think it looks neat, but I'm struggling to figure out what it is. Bootstrap, as in the CSS framework[0]? Latest release appears to be 4, what does 5 mean? Admin? Admin of what, a website? Some other platform? Is this a website template, with some built-in asset management mechanic like Wordpress? > Volt is a free and open source Bootstrap powered admin dashboard with components, pages and plugin that you can u…

> Latest release appears to be 4, what does 5 mean? There is an alpha version of Bootstrap 5 effectively dropping jQuery and IE 10/11 as a dependency ( https://v5.getbootstrap.com/ ) > Admin? Admin of what, a website? Some other platform? Maybe we can work on the title, it's supposed to be a web interface for managing stuff like users, messages, statistics and so on. Think of Heroku Dashboard. Or Cloudflare dashboard…

Thanks for this. Personally, I would have wanted this information in the intro of the project. But then again, odds are I'm not your target audience and that your target audience would find it obivous. It's one data point at least. :)

Re: Show HN: Bootstrap 5 Admin Dashboard with Vanilla JavaScript [MIT License]

#10

Post by beezischillin » Wed, Aug 26, 2020, 8:23 AM UTC

Very cool! Thank you for this!! We've been using AdmLte for a long time now but I've always been very frustrated at annoying it was to set-up and use due to the structure of it and all the dependencies that used jQuery.

This looks way more elegant and easier to use for implementing admin interfaces fast. I love the look too!

I'll probably recommend that get the Pro version after playing around with it.