Comes with 191 fully designed pages, packed with hand-crafted components, all in a beautiful consistent styling. There is no better way to start building your next project with Tailwind CSS.
Simple to understand and easy to customize admin theme
Fully responsive and made with Tailwind CSS and Alpine.js
Responsive
All designs are fully responsive and carefully designed, tested and implement to scale on every screen size.
Tailwind CSS V3
AirControl is made with the latest version of Tailwind CSS. Tailwind is the most popular choice for any modern developer who loves efficiency.
Alpine.js V3
Like jQuery, but for the modern web. Used for the all the UI interactions. Easy to replace with a JS framework of your own liking.
Heroicons
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS - MIT licensed (230 icons). Feel free to replace them with your own icon-set.
Chart.js
Simple yet flexible JavaScript charting for designers & developers. Great rendering performance across all modern browsers.
Unsplash
Images used in AirControl are freely-usable. All credits goes to the corresponding creators. Feel free to replace them with your own images.
unique designs
AirControl brings a much needed breeze of fresh air to Tailwind CSS
Don’t get me wrong - Tailwind UI looks great. But so great that every Tailwind CSS project needs to look this way? You and your customers will appreciate the unique look and feel that AirControl brings to Tailwind CSS. Use AirControl to start building your next amazing projects.
Instant Timesaver
Double your development efficiency with AirControl
Simply download AirControl to your local machine. Open it in your browser and start browsing the library of fully designed pages.
Preview, Copy And Paste
Start browsing AirControls collection of high-quality fully designed pages. When you found the right design for your project, simply copy the designs source code and paste it into your project.
Create your own Admin Dashboard in minutes
We encourage you to be creative and combine components from our designed pages to create brand new designs. Pick your favourite components and add them to your project. All designed pages have their corresponding components listed as snippets that you can easily copy.
Live Previews
Take a sneak peek at our beautiful professionally designed pages. We've divided our designs in multiple easy to recognize categories.
AirControl is the largest Premium Admin Template for Tailwind CSS. It comes with all the pages and elements you need for building your next web application or Admin Dashboard. With 22 different categories of fully designed pages their is always a screen that fits your project.
With AirControl you allow yourself to develop with super powers. Quickly copy/paste elements of our pre-designed pages into your admin dashboard. Save enormous amounts of time and money for yourself and your team with AirControl.
FAQ
Is AirControl the right choice for me? AirControl is made for developers, designers, and entrepreneurs who want to save time during the development of their online projects. AirControl includes all the designs you need to build an Admin Dashboard or online web application. It’s a great fit for SaaS companies, freelancers and development teams.
Is technical knowledge required? Yes, to implement AirControl into your project you have to understand the basics of HTML, CSS, and JavaScript. There is no technical knowledge required to browse or install the product library on your local machine.
Does AirControl ships with JavaScript? AirControl does include JavaScript. It’s made with Alpine.js. Alpine.js is an easy to use small JavaScript library. However feel free to use your own favorite JS framework, like React or Vue.js. When using another JavaScript framework you have to manually implement it.
Do I have to pay for future updates?
If you buy a AirControl product license today you get all upcoming updates for free. We add new screens to AirControl on a bi-weekly basis
Is AirControl a page builder? No! We don’t believe that page builders are an efficient way to create serious projects. Working in your trusty code editor is way more efficient.
Why does the source-code in the live previews looks funny? All code in our previews are randomized and minified. We have to do this to prevent people from stealing our code. And we still love to offer live previews to our customers before buying our products. Don’t worry our products are made with vanilla Tailwind CSS.
Is AirControl an official Tailwind Labs LLC product? AirControl is not associated with Tailwind Labs LLC. AirControl is developed by themes.dev and based on the open-source Tailwind CSS framework.
Is there a React version of AirControl? Currently there is no React version of AirControl. We know that React is a popular choice for many developers, but we first want to focus on adding new designs to AirControl.
Does AirControl have a VSCode plugin No, currently we don’t have a plugin for VSCode.
Does AirControl come with a license? Yes, see our licenses page for more information.
Does AirControl supports dark mode? Currently AirControl doesn’t support dark mode. But this is definitely something that we like to add in the future.
Is there a Figma or Sketch version available? Currently there is now Figma or Sketch version available. We are considering creating a Figma version when all sections are filled with designs.
If have another question, how do I contact you? Please send us an email at [email protected]
What is currently included:
The following Tailwind CSS components, elements and pages are currently included with AirControl. We are in the progress of adding new designs and components on a bi-weekly schedule.
Sections that have fully designed pages:
🟩 Authentication - Sign in
🟩 Authentication - Register
🟩 Authentication - Password reset/forgot
🟩 Authentication - Two factor
🟩 Authentication - Messages
🟩 Projects
🟩 Profiles
🟩 Messaging
🟩 Pages
🟩 Subscriptions
🟩 Layouts
🟩 Support
🟩 Accounts
🟩 Modals
🟩 Dashboards
🟩 Widgets
Sections that are currently in the making:
🟦 Teams
🟦 Social
🟦 Users
🟦 Documentation
🟦 E-commerce
🟦 Errors
How is AirControl structured?
When you buy AirControl, you get access to a downloadable zip file. This zip file contains a library with all fully designed pages that comes with AirControl. You don’t need to install anything to use AirControl. Simply open the main index.html file in your browser and start exploring all the great designs that AirControl offers.
After you open the index.html file in your browser, you are presented with AirControls changelog. Here you can see what screens are recently added to the latest version of AirControl. In the sidebar on the right, you can see all categories that currently filled with designs.
Let’s explore what screens are present in the projects category. Click on projects in the sidebar and an overview page with all fully designed project pages appears. You now have the option to open a design directly in the browser. If you want to do this; click on the direct link.
However, a better option would be to click on the image. This takes you to directly to the design overview page. Here you can preview the design and the corresponding components.
Copy the full page or individual elements into your project. It’s your choice and there is no right or wrong way of doing things.
What about source files?
AirControl doesn’t come with any specific source files. We encourage you to use the latest version of the following libraries in your projects.
Tailwind CSS V3.x
AirControl is made with Tailwind CSS 3.x. To learn all about installing Tailwind CSS for your project, visit the official documentation.
Alpine.jS
To learn how to install alpine.js in your project, visit the official documentation. AirControl is currently using Alpine.js version 3.x
Chart.js
If you need charts in your projects, install the latest version of chart.js. Visit the official documentation for install notes.
Heroicons
AirControl uses heroicons. If you want to add more icons to AirControl, please visit the heroicons website.
Inter font
AirControl uses the free to use Inter Font. To download the latest version please visit the official Google fonts website
Tailwind Plugins
AirControl uses only official Tailwind CSS plugins to extend the default behavior of Tailwind CSS.
@tailwindcss/typography
The official Tailwind CSS Typography plugin provides a set of prose classes you can use to add beautiful typographic defaults to any vanilla HTML you don’t control, like HTML rendered from Markdown, or pulled from a CMS.
https://tailwindcss.com/docs/typography-plugin
@tailwindcss/forms
A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.
See the changes we make to AirControl, the Admin theme for Tailwind CSS. We started work in July 2021 and planning to have designs in all categories by July 2022. If you buy a product license today you get all upcoming updates for free.
About AirControl for Tailwind CSS
AirControl is the largest Premium Admin Template for Tailwind CSS. It comes with all the pages and elements you need for building your next web application or Admin Dashboard. With 22 different categories of fully designed pages their is always a screen that fits your project.
With AirControl you allow yourself to develop with super powers. Quickly copy/paste elements of our pre-designed pages into your admin dashboard. Save enormous amounts of time and money for yourself and your team with AirControl.
FAQ
Is AirControl the right choice for me?
AirControl is made for developers, designers, and entrepreneurs who want to save time during the development of their online projects. AirControl includes all the designs you need to build an Admin Dashboard or online web application. It’s a great fit for SaaS companies, freelancers and development teams.
Is technical knowledge required?
Yes, to implement AirControl into your project you have to understand the basics of HTML, CSS, and JavaScript. There is no technical knowledge required to browse or install the product library on your local machine.
Does AirControl ships with JavaScript?
AirControl does include JavaScript. It’s made with Alpine.js. Alpine.js is an easy to use small JavaScript library. However feel free to use your own favorite JS framework, like React or Vue.js. When using another JavaScript framework you have to manually implement it.
Do I have to pay for future updates? If you buy a AirControl product license today you get all upcoming updates for free. We add new screens to AirControl on a bi-weekly basis
Is AirControl a page builder?
No! We don’t believe that page builders are an efficient way to create serious projects. Working in your trusty code editor is way more efficient.
Why does the source-code in the live previews looks funny?
All code in our previews are randomized and minified. We have to do this to prevent people from stealing our code. And we still love to offer live previews to our customers before buying our products. Don’t worry our products are made with vanilla Tailwind CSS.
Is AirControl an official Tailwind Labs LLC product?
AirControl is not associated with Tailwind Labs LLC. AirControl is developed by themes.dev and based on the open-source Tailwind CSS framework.
Is there a React version of AirControl?
Currently there is no React version of AirControl. We know that React is a popular choice for many developers, but we first want to focus on adding new designs to AirControl.
Does AirControl have a VSCode plugin
No, currently we don’t have a plugin for VSCode.
Does AirControl come with a license?
Yes, see our licenses page for more information.
Does AirControl supports dark mode?
Currently AirControl doesn’t support dark mode. But this is definitely something that we like to add in the future.
Is there a Figma or Sketch version available?
Currently there is now Figma or Sketch version available. We are considering creating a Figma version when all sections are filled with designs.
If have another question, how do I contact you?
Please send us an email at [email protected]
What is currently included:
The following Tailwind CSS components, elements and pages are currently included with AirControl. We are in the progress of adding new designs and components on a bi-weekly schedule.
Sections that have fully designed pages:
Sections that are currently in the making:
How is AirControl structured?
When you buy AirControl, you get access to a downloadable zip file. This zip file contains a library with all fully designed pages that comes with AirControl. You don’t need to install anything to use AirControl. Simply open the main index.html file in your browser and start exploring all the great designs that AirControl offers.
After you open the index.html file in your browser, you are presented with AirControls changelog. Here you can see what screens are recently added to the latest version of AirControl. In the sidebar on the right, you can see all categories that currently filled with designs.
Let’s explore what screens are present in the projects category. Click on projects in the sidebar and an overview page with all fully designed project pages appears. You now have the option to open a design directly in the browser. If you want to do this; click on the direct link.
However, a better option would be to click on the image. This takes you to directly to the design overview page. Here you can preview the design and the corresponding components.
Copy the full page or individual elements into your project. It’s your choice and there is no right or wrong way of doing things.
What about source files?
AirControl doesn’t come with any specific source files. We encourage you to use the latest version of the following libraries in your projects.
Tailwind CSS V3.x
AirControl is made with Tailwind CSS 3.x. To learn all about installing Tailwind CSS for your project, visit the official documentation.
Alpine.jS
To learn how to install alpine.js in your project, visit the official documentation. AirControl is currently using Alpine.js version 3.x
Chart.js
If you need charts in your projects, install the latest version of chart.js. Visit the official documentation for install notes.
Heroicons
AirControl uses heroicons. If you want to add more icons to AirControl, please visit the heroicons website.
Inter font
AirControl uses the free to use Inter Font. To download the latest version please visit the official Google fonts website
Tailwind Plugins
AirControl uses only official Tailwind CSS plugins to extend the default behavior of Tailwind CSS.
@tailwindcss/typography
The official Tailwind CSS Typography plugin provides a set of prose classes you can use to add beautiful typographic defaults to any vanilla HTML you don’t control, like HTML rendered from Markdown, or pulled from a CMS. https://tailwindcss.com/docs/typography-plugin
@tailwindcss/forms
A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.
https://github.com/tailwindlabs/tailwindcss-forms
@tailwindcss/aspect-ratio
Utilities for controlling the aspect ratio of an element.
https://tailwindcss.com/docs/aspect-ratio
Tailwind.config.js
To learn more about customizing Tailwind CSS please visit the official documentation.
Changelog
See the changes we make to AirControl, the Admin theme for Tailwind CSS. We started work in July 2021 and planning to have designs in all categories by July 2022. If you buy a product license today you get all upcoming updates for free.
Update #13 - Released April 5
Update #12 - Released March 16
Update #11 - Released February 21
Update #10 - Released February 8 2022
Update #9 - Released January 22 2022
Update #8 - Released December 30 2021
Update #7 - Released December 9 2021
Update #6 - Released November 26 2021
Update #5 - Released November 7 2021
Update #4 - Released October 7 2021
Update #3 - Released August 17 2021
Update #2 - Released August 9 2021
Update #1 - Released July 31 2021