flytomoon-angular-tailwind
v1.0.2
Angular & Tailwind CSS Admin Dashboard Starter Kit, Free and Open Source
49/weekUpdated 1 years agoMITUnpacked: 9.3 MB
Published by 0xftm
npm install flytomoon-angular-tailwind
#### Motivation
For me, the best strategy for learning new skills is to practice. I have created this project to learn more about Tailwind CSS using my favorite framework (Angular). I have to tell you, Tailwind is amazing!
The project is not finished yet!
#### Versions
#### Features
- [x] Sidebar
- [x] Dark Theme
- [x] Navbar
- [x] Footer
- [x] Auth Module
- [x] Dashboard Module
- [x] Standalone components
- [x] Angular Signals
- [x] Multi Theme
- [ ] User Module
- [ ] Guards
- [ ] Tests E2E
- [ ] Animations
#### Commands
| command | What it does? |
| ------------------------- | :-------------------------------------------- |
|
npm start | Starts the server in dev mode |
|
npm run lint | Runs ESLint on project |
|
npm run prettier | Runs prettier on entire src folder |
|
npm run prettier:verify | Runs prettier-check and throws error if fails |
|
npm run prettier:staged | Runs prettier on only staged (changed) files |
#### Dependencies
| Package | What it does? | Link |
| ------------------ | :------------------------------------------------------------------------------------------ | :----------------------------------------------------- |
|
angular-svg-icon | Provides a means to inline SVG files to allow for them to be easily styled by CSS and code. | Here |
|
apexcharts | Modern & Interactive Open-source Charts | Here |
|
ng-apexcharts | Angular wrapper for ApexCharts to build interactive visualizations in Angular. | Here |
#### Dev Dependencies
| Package | What it does? | Link |
| ----------------------------- | :------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------- |
|
prettier | An opinionated code formatter | Here |
|
prettier-plugin-tailwindcss | A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order | Here |
|
tailwind-scrollbar | Tailwind plugin for styling scrollbars. | Here |
|
tailwindcss | A utility-first CSS framework for rapidly building custom user interfaces. | Here |
#### Icons and Patterns
This project use Hero Icons and Hero Patterns
#### Disclaimer
The Tailwind name and logos are trademarks of Tailwind Labs Inc.
The Angular name and logos are trademarks of Google.