Tailwind css dashboard template

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

Free and Open-source Tailwind CSS Dashboard Admin Template that comes with all essential dashboard UI components, pages and elements

License

TailAdmin/tailadmin-free-tailwind-dashboard-template

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

TailAdmin — Free Tailwind Admin Dashboard Template

TailAdmin is a high-quality, open-source, and free Tailwind CSS admin template that is perfect for creating data-rich backends, powerful web applications and dashboard-admin projects.

TailAdmin PRO vs TailAdmin FREE Comparison 📊

• 4 Unique Dashboards: Analytics, Ecommerce, Marketing, and CRM (More will be added)
• 120+ Dashboard UI Components
• 200+ Total UI Elements
• 45+ HTML Files
• All Essential Elements and Files
• Full Figma Design Source — As Shown on Demo

• 1 Unique Dashboard
• 30+ Dashboard UI Components
• 50+ Total UI Elements
• 10+ HTML Files
• Basic UI Kit Elements and Files
• Figma Design Source — Free Sample

You’ll need to install Node.js >=v14.16+ (Recommended Version) (NPM comes along with it)

Use terminal and navigate to the project (tailadmin) root.

git clone https://github.com/TailAdmin/tailadmin-free-tailwind-dashboard-template

• Then run : npm install to install dependencies
• Then run : npm start to rund the project in dev mode

Now, in the browser go to localhost:3000

For Production Build Run : npm run build

This command will generate a Build folder in the root of your template that you can upload to your server.

200+ Essential UI Components, Elements and App Pages for Dashboards

With TailAdmin, you can launch your web projects quickly and easily, thanks to it contains 100+ pre-designed dashboard elements, components and pages. Such as — header, navigation menu, chat, message, invoice, setting, sidebar, charts, graphs, tables, filters, search boxes, auth, buttons and everything a dashboard needs for interacting with the data

Tailwind CSS HTML Admin Template

TailAdmin is based on Tailwind CSS and interaction handled by Alpine.js Tailwind CSS is a powerful, utility-first framework that can help you build highly readable, fast-loading websites. Its template-based design makes it easy to get started, and you can quickly create an admin interface with the same consistency. So you can add your own style or customize TailAdmin without touching to CSS.

TailAdmin Basic version is 100% free and open-source, allowing you to use it freely for both personal and commercial projects without any need for attribution or credits.

If you’re in search of a top-notch Tailwind CSS admin and dashboard template that comprises all the necessary dashboard elements and functionalities, TailAdmin is an ideal option for you.

About

Free and Open-source Tailwind CSS Dashboard Admin Template that comes with all essential dashboard UI components, pages and elements

Источник

Open-Source Tailwind CSS Admin Dashboard Template

TailAdmin is a Tailwind CSS-based Admin Dashboard Template, provides developers with everything need to create a complete, data-driven back-end, dashboard, or admin panel solution for upcoming web projects. TailAdmin includes all the essential dashboard UI components, elements, and pages needed to build a feature-rich and complete dashboard or admin panel.

Ultimate Tailwind dashboard offering everything you could ever want.

Built-with Tailwind CSS

Tailwind CSS is designed to be highly composable and customizable, so you can quickly build and adjust the styles of your components using a small, semantic, and human-readable set of utility classes.

200+ UI Elements

All the essential handcrafted dashboard UI components, elements, and pages, designed and coded to help you easily create a feature-packed back-end, dashboard, or admin panel solution.

4 Unique Dashboards

Choose from four uniquely designed dashboard variations, specifically crafted for analytics, ecommerce, marketing and CRM web applications, to enhance the user experience and present data in a visually appealing and insightful way.

Easy to Customize and Use

Easily customize TailAdmin to meet your requirements or personalize depending on needs. Follow our comprehensive documentation and use Tailwind CSS utility classes to get what you need.

Lifetime Free Updates

Take your project to the next level with free lifetime updates, TailAdmin provides lifetime free updates without any extra cost. Get access to new features and improvements, for free, for life.

Technical Support

Never get stuck with technical issues while using TailAdmin. Open a support ticket, we will get back to you within next 24hrs.

Источник

Tailwind Starter Templates

These templates are all open source and built using the standard Tailwind CSS configuration. Feel free to use them for any purpose, even commercially!

AFFILIATE SCHEME

Beautifully designed landing page templates and dashboards built on top of Tailwind CSS, React, and Vue (Affiliate Link)

AFFILIATE SCHEME

Elegant and powerful HTML, React, and Vue.js dashboard template for startups (Affiliate Link)

AFFILIATE SCHEME

Dark modern landing page for tech startups and software that need a contemporary look and a unique visual presence (Affiliate Link)

AFFILIATE SCHEME

A stylish landing page perfect for showcasing modern apps and services (Affiliate Link)

Bright landing page which can be used for many purposes

Admin template to use for Admin theme, dashboard, or web application

Barebones landing page layout for your app/play store app

Dark mode with gradients landing / coming soon page layout for your app/play store app

Single page layout for use as a user profile / card (Includes ☀️/🌙 toggle)

Night Mode Admin template for those who prefer to work at night

Day Mode Admin template for those who prefer to work in the am

Nordic inspired e-commerce product listing template to kick start your store

Minimal Admin template to use for Admin theme, dashboard, or web application

Landing page to promote a screenshot which can be used for many purposes

Helpdesk / FAQ / knowledgebase article — clone of the Weebly Support article

Multi section form with scrollspy. Useful for settings page.

Blog homepage in style of the default Casper theme for Ghost

Blog post template in style of the default Casper theme for Ghost

Minimal monochrome blog post template, with a splash of colour

Minimal monochrome blog post template, based on minimalist-writer-ii

Hero section — two columns for large screens and two rows for small screens

Barebones template with sidebar which becomes fixed bottom menu

Barebones template with a fixed header which flows onto next row

Barebones template with a toggle button responsive menu

Free and open-source UI admin dashboard template built with the components from Flowbite

Windster is a free and open-source Tailwind CSS admin dashboard layout featuring Tailwind CSS components based on the Flowbite component library such as buttons, dropdowns, navbars, modals, date pickers, and more.

Landwind is a free and open-source Tailwind CSS landing page based on the Flowbite component library featuring a hero section, customer logos, feature sections, testimonials, pricing cards, FAQ section, pre-footer CTA button and a footer.

Speed up your web development with a beautiful and bright UI Kit/Admin Template

Built using Netlify CMS, Eleventy, Alphine JS & Tailwind CSS. Perfect for blogging websites

Admin dashboard template built with Tailwind and Alpine.js.

Источник

23 Tailwind Dashboards

Collection of free Tailwind CSS dashboard code examples from Codepen and other resources.

Author

Links

Made with

About a code

Dashboard Template

Dashboard template built with Tailwind CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Tailwind CSS Task Manager Dashboard UI

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Group List

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Inbox

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Admin Dashboard Along with Dark Mode & Responsive Sidebar

Admin template with responsive sidebar along with several responsive components.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Dashboard

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Discord Clone

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Responsive React Dashboard with Tailwind

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: react.js, react-dom.js, recharts.js

Author

Links

Made with

About a code

Project/Kanban Board — with Tailwind CSS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Dashboard UI

An example of how you can support dark mode using Tailwind CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Online Courses Dashboard

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Lo-fi Tailwind CSS App/Dashboard/Admin Shell

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Lo-fi Tailwind CSS App/Dashboard/Admin Shell — Darkmode

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Lo-fi Slack UI with Tailwind CSS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Tailwind Teacher Dashboard

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Messenger Clone — TailwindCSS

Responsive Facebook Messenger clone dark theme using TailwindCSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Clone Github New Design

Example repository new design Github with TailwindCSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Zen Desk Clone

Zendesk clone. Semi responsive layout for desktop application. Dashboard/Help desk style.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Tailwindcss Spotify Web Player Clone

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Youtube Clone

A more polished Youtube clone made with Tailwind CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Trello Panel Clone

A Trello panel clone for TailwindCSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Github Profile Clone

A Github profile clone made with Tailwind. The activity feed is just an image, then there are just a few custom styles, everything else is standard Tailwind.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Coinbase Clone

Coinbase clone made with default TailwindCSS config and with no extra CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Источник