Notus Svelte

Notus Svelte is a free, open-source UI kit and admin dashboard template from Creative Tim, built with Tailwind CSS and Svelte to give developers a head start on responsive web projects.

What is Notus Svelte?

Notus Svelte is a free and open-source UI kit and admin template created by Creative Tim, running on the Svelte framework with Tailwind CSS for styling. It takes a blank Svelte project and adds 120 fully coded CSS components, 18 dynamic Svelte components, and eight prebuilt example pages (presentation landing and profile, admin dashboard, settings, tables, maps, plus login and register). The output is a ready-to-customize frontend that developers can adapt with Tailwind utility classes.

What makes Notus Svelte stand out?

• 120 CSS components — Prebuilt alerts, buttons, inputs, modals, navbars, tabs, and more, each with multiple color, hover, and focus states that can be modified directly via Tailwind CSS classes.
• 18 dynamic Svelte components — Interactive elements including dropdowns, modals, navbars, popovers, tooltips, and tabs, giving Svelte developers a foundation for user interactions without writing custom logic.
• Eight example pages — Includes presentation pages (Landing, Profile), admin dashboard pages (Dashboard, Settings, Tables, Maps), and authentication pages (Login, Register), so you can jump straight into a working layout.
• Free and MIT licensed — The template is released under the MIT License, allowing personal and commercial use without licensing fees.
• Multiple framework versions — Creative Tim offers the same Notus design for Angular, React, Vue, Next.js, and plain JavaScript/HTML, so the same look can be reused across different stacks.
• Tailwind CSS workflow — After adding new utility classes, you run npm run build:tailwind to recompile the stylesheet, and npm run build:fontawesome to include Font Awesome icons.

Who should use Notus Svelte?

• Svelte developers — Build a landing page or admin dashboard quickly by starting from the included examples and replacing the placeholder content.
• Frontend designers — Use the 120 CSS components as a reference library to prototype interactions and responsive layouts in Tailwind CSS.
• Startups and freelancers — Ship a polished marketing site or MVP admin panel without paying for a commercial theme, thanks to the MIT license.

What can you do with Notus Svelte?

• Create a marketing landing page — Start from the Landing presentation page and customize the hero, features, and footer with Tailwind utility classes.
• Build an admin dashboard — Use the Dashboard, Tables, and Maps pages to lay out charts, data tables, and map integrations for a web app backend.
• Add authentication screens — Drop in the Login and Register pages to give your app ready-made sign-in and sign-up flows that match your design.

How does Notus Svelte work?

After downloading or cloning the repository, install Node.js LTS, run npm install, then npm run build:tailwind and npm run build:fontawesome to generate the CSS and icon assets. Finally, launch the development server with npm run dev and open https://localhost:5000 to see the template.

Pricing

Notus Svelte is free to download from Creative Tim's website and available on GitHub under the MIT License.

FAQ

Is Notus Svelte free?

Yes, Notus Svelte is free and open source. It is released under the MIT License, so you can use it in personal and commercial projects without paying licensing fees.

What do I need to run Notus Svelte?

You need Node.js LTS and npm. The setup steps are: npm install, npm run build:tailwind, npm run build:fontawesome, and npm run dev to start the local server at port 5000.

Does Notus Svelte include admin dashboard pages?

Yes, the template includes a Dashboard, Settings, Tables, and Maps page under the admin section, along with Login and Register pages for authentication.

Which versions of Svelte does Notus Svelte support?

The template targets Svelte and uses Tailwind CSS for styling. The repository specifically tracks Svelte components and demonstrates how to integrate them into a Svelte application.

Can I use Notus Svelte for commercial projects?

Yes, because it is MIT licensed, you are free to use it commercially. You cannot re-sell the template itself, but you can use it as part of your own applications.