DEV Community

Cover image for Star Admin - Open-Source Bootstrap 5 Template
admin-dashboards
admin-dashboards

Posted on • Originally published at admin-dashboards.com

1

Star Admin - Open-Source Bootstrap 5 Template

Hello Coders,

This article presents the latest update of Star Admin, an iconic Bootstrap Template recently upgraded to use Bootstrap 5. The project can be downloaded directly from Github under the MIT License and used for unlimited hobby and commercial products. For newcomers, Star Admin has impressive typography that compliments exceedingly with its colorful and elegant interface.

Thanks for reading! - Content provided by Admin Dashboards.


Star Admin - Open-source Bootstrap 5 Template


Star Admin Features

Star Admin 2 is the perfect amalgamation of a pixel-perfect design and meticulously well-written code. Built using the latest technologies and up to date with the latest trends and tools Start Admin 2 that comes with excellent support from experts.

  • Beautiful lightweight design
  • Gulp Tooling
  • An impressive set of UI components
  • Pre-built pages: Dashboard, Charts, Sign IN, Tables
  • MIT License - allows usage for commercial products

Star Admin Bootstrap 5 - Charts

Star Admin - Charts Page.


Star Admin Bootstrap 5 - UI Kit

Star Admin - Bootstrap 5 Elements


How to use it

Once the sources of Star Admin are downloaded locally we can build the product by following the build instructions provided by the README file. Before we actually build the product, please make sure you have a minimal programming kit properly installed in the workspace:

  • A modern editor - VSCode or Atom
  • Nodejs - used in Javascript-based products and tools
  • Yarn - a popular package manager for NodeJS (better than NPM)
  • Gulp - a toolkit to automate repetitive tasks

Once all the tools are properly installed and accessible in the terminal we can start to build the dashboard:


Step #1 - Download Star Admin from the product page

$ unzip star-admin.zip
$ cd star-admin 
Enter fullscreen mode Exit fullscreen mode

Step #2 - Install modules via NPM or Yarn

$ npm i 
// OR
$ yarn
Enter fullscreen mode Exit fullscreen mode

Step #3 - Start in development mode

$ gulp
Enter fullscreen mode Exit fullscreen mode

Once the product is rendered in the browser, we can start the development and edit the files.


Thanks for reading! For more resources feel free to access:


Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Instrument, monitor, fix: a hands-on debugging session

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️