Notus React - Free UI Kit and Admin for Tailwind CSS and React
Notus React - Free UI Kit and Admin for Tailwind CSS and React
A beautiful UI Kit and Admin for Tailwind CSS and React. Design By Creative Tim
Get started with Tailwind CSS and React UI Kit and Admin. Let Notus React surprise you with its great features and construction tools and take your projects to a whole new level.
Notas React is free and open source. It has many HTML and React elements and comes with dynamic components for React.
Getting Start
- Install NodeJS LTS version from NodeJs Official Page
- Download the product on this page
- Unzip the downloaded file to a folder in your computer
- Open Terminal
- Go to your file project (where you’ve unzipped the product)
- (If you are on a linux based terminal) Simply run npm run install:clean
- (If not) Run in terminal npm install
- (If not) Run in terminal npm run build:tailwind (each time you add a new class, a class that does not exist in src/assets/styles/tailwind.css, you will need to run this command)
- (If not) Run in terminal npm start
- Navigate to https://localhost:3000
- Check more about Tailwind CSS
Pages Includes
- Presentation
- Admin Samples (Dashboard,Settings,Tables,Maps)
- Authentication Samples (Login,Register)
- Presentation Samples (Landing,Profile)
CSS Components
Notus React comes with 120 Fully Coded CSS elements, such as Alerts, Buttons, Inputs and many more.
React Components
We also feature the following 18 dynamic components:
- Alerts
- Menus
- Modals
- Navbars
- Popper for Menus
- Popper for popover content
- Popper for tooltips content
- Tabs
Files and Folder Structure
notus-react . ├── CHANGELOG.md ├── ISSUE_TEMPLATE.md ├── LICENSE.md ├── README.md ├── gulpfile.js ├── jsconfig.json ├── package.json ├── public │ ├── favicon.ico │ ├── index.html │ ├── manifest.json │ └── robots.txt ├── src │ ├── assets │ │ ├── img │ │ │ ├── github.svg │ │ │ └── google.svg │ │ └── styles │ │ ├── index.css │ │ └── tailwind.css │ ├── components │ │ ├── Cards │ │ │ ├── CardBarChart.js │ │ │ ├── CardLineChart.js │ │ │ ├── CardPageVisits.js │ │ │ ├── CardProfile.js │ │ │ ├── CardSettings.js │ │ │ ├── CardSocialTraffic.js │ │ │ ├── CardStats.js │ │ │ └── CardTable.js │ │ ├── Dropdowns │ │ │ ├── IndexDropdown.js │ │ │ ├── NotificationDropdown.js │ │ │ ├── PagesDropdown.js │ │ │ ├── TableDropdown.js │ │ │ └── UserDropdown.js │ │ ├── Footers │ │ │ ├── Footer.js │ │ │ ├── FooterAdmin.js │ │ │ └── FooterSmall.js │ │ ├── Headers │ │ │ └── HeaderStats.js │ │ ├── Maps │ │ │ └── MapExample.js │ │ ├── Navbars │ │ │ ├── AdminNavbar.js │ │ │ ├── AuthNavbar.js │ │ │ └── IndexNavbar.js │ │ └── Sidebar │ │ └── Sidebar.js │ ├── index.js │ ├── layouts │ │ ├── Admin.js │ │ └── Auth.js │ └── views │ ├── Index.js │ ├── Landing.js │ ├── Profile.js │ ├── admin │ │ ├── Dashboard.js │ │ ├── Maps.js │ │ ├── Settings.js │ │ └── Tables.js │ └── auth │ ├── Login.js │ └── Register.js └── tailwind.config.js
Post a Comment