Notus NextJS is a free, MIT-licensed UI kit and admin dashboard template from Creative Tim, built with Next.js and Tailwind CSS. It ships with over 120 coded CSS components, 18 dynamic Next.js components, and pre-built presentation, authentication, and admin pages so you can bootstrap a project without starting from a blank page.
What is Notus NextJS?
Notus NextJS is a free and open-source starter kit for building websites and admin dashboards with Next.js and Tailwind CSS. It takes a Next.js project structure and extends it with reusable components, example pages, and Tailwind configuration, producing a responsive frontend that you can customize by editing Tailwind classes and React components. The template is maintained by Creative Tim and is version 1.1.0 under the MIT license.
Key Features
- 120 fully coded CSS components — Alerts, buttons, inputs, modals, navbars, tabs, tooltips, and more, with multiple color states and hover/focus styles that you can change through Tailwind classes.
- 18 dynamic Next.js components — Includes dropdowns with Popper, menus, modals, navbars, popovers, tabs, and tooltips implemented as React components.
- Pre-built example pages — Landing, profile, login, register, admin dashboard, settings, tables, and maps pages are included under
pages/and ready to use. - Tailwind CSS integration — The project includes
tailwind.config.jsand a customsrc/assets/styles/tailwind.css; adding a new utility class requires recompiling withnpm run build:tailwind. - Multiple product versions — The same Notus design is available for Angular, React, Svelte, Vue, and plain JavaScript/HTML, so you can switch frameworks without redesigning.
- Admin and authentication layouts — Separate
layouts/Admin.jsandlayouts/Auth.jswrap the admin pages and login/register pages. - MIT license — The template is free to use under the MIT license, which permits commercial use.
- Browser support — Officially supports the last two versions of Chrome, Firefox, Edge, Safari, and Opera.
Who is it for?
- Next.js developers who need a starting point for a landing page or marketing site can use the presentation and landing pages as a base.
- Developers building admin dashboards can start from the admin layout and the dashboard, tables, settings, and maps pages.
- Designers prototyping with Tailwind CSS can reference the 120 components to build interface elements quickly without writing CSS from scratch.
- Agencies and freelancers can use the MIT-licensed template as the foundation for client projects, customizing colors and content through Tailwind classes.
What can you do with Notus NextJS?
- Create a marketing site: Use the landing, profile, and presentation pages to assemble a company or personal site with the provided navbar, footer, and card components.
- Build an admin dashboard: Use the admin layout plus the dashboard, tables, settings, and maps pages to show analytics, manage data, and configure user preferences.
- Set up an authentication flow: The login and register pages come as ready-to-style forms within an auth layout.
- Learn Tailwind and Next.js: Because the template is fully coded and documented, you can study how the components are structured and how Tailwind classes are applied.
How does Notus NextJS work?
After downloading, install Node.js LTS, unzip the project, and run npm install. For Linux-based terminals, npm run install:clean performs the same setup. Then run npm run build:tailwind whenever you add a new utility class, and start the development server with npm run dev, navigating to https://localhost:3000.
Pricing
Notus NextJS is completely free and open source under the MIT license. It is one of Creative Tim's free products; related premium templates and bundles are sold separately on the Creative Tim website.
FAQ
Is Notus NextJS free?
Yes, Notus NextJS is free and open source, licensed under MIT. You can use it for personal and commercial projects without paying a fee.
What is the difference between Notus NextJS and Tailwind Starter Kit?
Notus NextJS is built on top of the Tailwind Starter Kit by Creative Tim, but it adds a Next.js project structure, dynamic React components, and extra example pages for an admin dashboard.
How do I add a new Tailwind class?
Each time you use a class that does not exist in src/assets/styles/tailwind.css, you need to recompile the CSS by running npm run build:tailwind in the project directory.
Does Notus NextJS come with a dashboard?
Yes, the template includes an admin dashboard page at pages/admin/dashboard.js, along with settings, tables, and maps pages inside an admin layout.
Which Next.js version does Notus NextJS use?
The project is built with Next.js and includes next.config.js and pages under the pages/ directory. The exact dependency versions are listed in package.json, and the template is designed to work with Node.js LTS.
