Tairo - Multipurpose Nuxt Tailwind CSS Dashboard System


Tairo is not a theme or a simple template, it is a full dashboard design system. Tairo is a full rewrite of Vuero using Nuxt and Tailwind CSS instead of Vue and Bulma. It provides ready pages to start building your application effortlessly, as well as a set of additional elements that will help you create new pages for your specific needs. Everything you need to start is there, dashboards, forms, layouts, profile, apps, elements, components and much more. Tairo ships with Shuriken UI, its own UI library, offering many customizations options. Its built-in quickstarter will help you jumpstart your project in no time. Please note however that Tairo is not a WordPress theme.

Built with Nuxt

Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js. Nuxt uses conventions and an opinionated directory structure to automate repetitive tasks and allow developers to focus on pushing features. The configuration file can still customize and override its default behaviors.

Vite Powered

Tairo is powered by Vite. Vite is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production. Vite features lightning-fast cold server start, instant hot module replacement (HMR) and true on-demand compilation.

Tailwind CSS

Tairo uses Tailwind CSS as its styling engine. Tairo is built with a custom Nuxt component library named Shuriken UI. Those components are dead simple and very customizable, in terms of shapes, variations and colors.

Modular Code

Tairo source code follows approved best practives and with a modular approach. Everything is already sliced in layers for a better code maintainability.

Nice looking starters

Tairo features 100+ prebuilt pages. it ships into a complete admin / webapp design system that you can use in your favorite platform or in a totally custom project

Responsive design

Tairo is based on Flexbox and CSS grid, wich are natively fit for mobile and tablets. Tairo is ultra responsive.

Template features

  • 100+ demo pages
  • Blazing fast Vite bundler
  • Nuxt extensible layers
  • Native SSR and SEO
  • Hot Reloading
  • Graphic assets
  • Configurable UI library
  • Native Dark Mode
  • RTL support

NOTE: Please note that photos are not included in the main download files.

Documentation

Fonts

  • Montserrat
  • Roboto

Images

Illustrations

Changelog

-----------------------------------------------------------------------------------------
  Version 1.3.0 - Sep 19, 2023
-----------------------------------------------------------------------------------------

### Features

* **TairoFlexTableCell:** add clamp property
* **TairoTable:** add scrollable property
* **Topnav:** add configuration for the footer

### Bug Fixes

* disable custom assets names
* documentation component meta
* **inbox:** mobile layout mobile size issue
* nuxt loading indicator color
* **onboarding:** improve OTP input
* replace shiki with shikiji
* squeezed color switcher button on mobile landing navbar
* **TairoTopnavLayout:** allow to not provide header component
* **TairoTopnavLayout:** remove unnecessary required props
* **Topnav:** disable transition on theme toggle
* update vue3-smooth-dnd + remove related pnpm patch
* upgrade engines to node 18 and pnpm 8

-----------------------------------------------------------------------------------------
  Version 1.2.0 - Sep 11, 2023
-----------------------------------------------------------------------------------------

### Features

* add calendar app
* add overlay to sidebar and collapse layout on small screens, close
* add topnav layout layer, add layout switcher composable and refactor component, add landing sectio
* doc content updates, recursive demo extraction
* replace parcel watcher with new chokidar granular
* replace unplugin-fonts with variable fontsource 
* upgrade to shuriken-ui/nuxt to 1.0.0

### Bug Fixes

* allow using panels with empty layout
* **collapse-layer:** allow to position elements at the end of navigation
* **documentation:** update layers orders in setup
* **formatters:** move date template helpers to demo layer
* **landing-layer:** add landing layout with panels
* **layout-switcher:** only show colors when can not change layout + show on landing
* personal dashboard 3 responsive styles
* **purge-comments:** remove capturing group in regex
* RTL issues
* **TairoContentWrapper:** hide actions if no slots are provided
* typo in api documentation

-----------------------------------------------------------------------------------------
  Version 1.1.0 - May 16, 2023
-----------------------------------------------------------------------------------------

### Features

* add layout switcher, fix messaging links and small bug
* add more preset colors in layout switcher

### Bug Fixes

* collapse navigation item click event
* landing demos page navbar group
* rgb hex color conversion

A propos

Développeur : cssninjaStudio