Code Monkey home page Code Monkey logo

admini's Introduction

Admini

Minimalistic Admin Panel built with Bootstrap 5.3

Features

  • No bloat, only what's strictly required to get a decent admin panel
  • A nice, modern, Bootstrap 5 based interface
  • A friendly dashboard
  • Extended Avatar UI with badges, icons, pictures, groups...
  • A powerful action system that supports many use cases (multiple actions, drops, navigation, offcanvas panel...)
  • A sane default layout for forms (includes tabbed form support and responsive by default)
  • A nice default set of colors that are more accessible
  • Super lightweight (94kb)
  • Dark mode support

BS Companion

Some features of admini have been extracted to a third party module called BS Companion

  • Responsive Table : Nice responsive tables without ugly scrollbars
  • BS Tabs : Improved tabs, that collapse down to a dropdown and with linkable tabs
  • BS Toggle : Self initializing popovers and tabs
  • Toaster : Generate beautiful toast message without markup
  • Modalizer : Generate beautiful modals without markup
  • Form Validator : Consistent validator that works across tabs and accordions

Form elements

Admini does not provide any built in custom form elements. This is because we are often used to use specifics libraries based on our usage and personal preferences.

One easy way to bind behaviour to your html nodes is to use Modular Behaviour.

It works beautifully in combination with skypack.

Icons and images

Icons are powered by Last Icon

Default set is material icons

Images are from undraw

Demo

Demo is available on Vercel

Try at home

The build setup

Admini use esbuild to compile the js assets. After cloning this repo, simply run

npm start

And you will get a fully functional local demo to play with.

If you want to work on the css, run in another terminal the following

npm run watch-css

And your css will be compiled automatically.

No complicated build pipe :-)

admini's People

Contributors

lekoala avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.