Notus Angular

Notus Angular is a free, MIT-licensed UI Kit and Admin dashboard template for Angular, styled with Tailwind CSS and published by Creative Tim.

What is Notus Angular?

Notus Angular is a free UI Kit and admin dashboard template for Angular, styled with Tailwind CSS and published by Creative Tim under the MIT license. It takes a standard Angular CLI project and adds 120 fully coded CSS components plus 18 dynamic Angular components, and it outputs prebuilt example pages for a presentation site, authentication flows, and an admin area. The template is based on Creative Tim's Tailwind Starter Kit and is versioned 1.1.0.

Key Features

• 120 CSS components — Alerts, buttons, inputs, and other elements, each with multiple color and state variations you can adjust with Tailwind utility classes.
• 18 dynamic Angular components — Includes dropdowns, modals, navbars, tabs, popovers, and tooltips, implemented as reusable Angular components.
• Prebuilt pages — A presentation page, admin dashboard, settings, tables, maps, login, register, landing, and profile pages are included as ready-to-use Angular routes.
• Tailwind CSS integration — The project includes tailwind.config.js and a custom tailwind.css; adding a new Tailwind class requires running npm run build:tailwind.
• Admin dashboard components — Card components for bar charts, line charts, page visits, social traffic, stats, tables, and profile settings are included in src/app/components/cards.
• MIT license — Free to use for personal and commercial projects under the terms of the MIT license.
• Browser support — Officially supports the last two versions of Chrome, Firefox, Edge, Safari, and Opera.
• One-click deploy to Genezio — A deploy button is provided to launch your own version on Genezio's platform.

Who is it for?

• Angular developers who want a starting point for a Tailwind-based marketing site or admin dashboard without designing components from scratch.
• Startups and small teams that need a free, MIT-licensed UI kit to prototype a product UI quickly and then customize it with Tailwind classes.
• Freelancers who build Angular sites for clients and want prebuilt login, registration, landing, and profile pages to accelerate delivery.
• Designers who want to see how Tailwind CSS components look in Angular and use the example pages as a style reference.

What can you do with Notus Angular?

• Build a marketing landing page: Use the landing and presentation pages as a starting point, then customize the hero, features, and footer sections via Tailwind classes.
• Set up an admin dashboard: Use the dashboard, settings, tables, and maps pages with the included card components to display stats, charts, and user data.
• Add authentication screens: Use the login and register pages as templates for user access flows.
• Learn Tailwind CSS in Angular: Explore how the 120 CSS components are structured and how to restyle them with Tailwind utility classes.

How does Notus Angular work?

Download the product from Creative Tim or clone the GitHub repository. After unzipping, install dependencies with npm install, run npm run build:tailwind once, and launch the dev server with npm start, then open https://localhost:4200. Whenever you add a Tailwind class that does not already exist in src/assets/styles/tailwind.css, you need to rerun npm run build:tailwind.

Pricing

Notus Angular is free and open source, released under the MIT license. No paid tiers are mentioned; it is available for download from the Creative Tim product page and on GitHub.

FAQ

Is Notus Angular free?

Yes, Notus Angular is free to download and is licensed under the MIT license, which allows commercial use without paying fees.

Does Notus Angular use Tailwind CSS?

Yes, the template is built on Tailwind CSS and includes a tailwind.config.js file. All components are styled with Tailwind utility classes, and you need to run npm run build:tailwind after adding new utility classes.

What pages are included in Notus Angular?

The template includes a presentation page, admin pages for dashboard, settings, tables, and maps, authentication pages for login and register, plus landing and profile pages. Each page is implemented as an Angular component.

Which browsers does Notus Angular support?

The project states official support for the last two versions of Chrome, Firefox, Edge, Safari, and Opera.