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

• Online Documentation

Fonts

• Montserrat
• Roboto

Images

• Unsplash
• Pexels

Illustrations

• Freepik
• Undraw

Changelog

-----------------------------------------------------------------------------------------
  Version 1.5.0 - Apr 11, 2024
-----------------------------------------------------------------------------------------

###  Bug Fixes

* **AddonCarousel:** allow to define vue3-carousel props and events
* calendar z index
* content typos
* **demo:** improve panel a11y
* **demo:** proper use of vueform validation in new card form
* **demo:** reuse components and update deprecated props
* documentation examples responsiveness
* **layer-collapse:** burger menu hydration mismatch
* message icons demo
* prop typos
* search modal text size and layout
* **TairoToc:** remove fixed styles, add nav-end slot and focus elements on click
* use NuxtPage instead of RouterView in page sublayouts

###  Features

* add account pages
* add badge to new content in demos page
* add balance dashboard
* add banking dashboard 4 and messaging v2
* add card pages
* add dropdown with form variations
* add Icon nav layer
* add new dashboards
* add overview dashboard
* add payments and transactions
* add quickview dashboard
* add recipient details
* add stepper forms
* add subpages
* add TairoImageZoom component
* add value to v-focus in order to conditionally disable focusing
* **demo:** disable inline styles and enable view transition api
* **layout-collapse:** add tooltip to navigation items when collapsed
* make tairo modal wrapper tag customizable
* **panels:** add 'md' size + teleport panels to body
* set packageManager field and dependencies in layers for remote
* update documentation
* update landing master layouts
* update layers documentation
* update to nuxt 3.11
* use new BaseInputHelpText component
* use shiki instead of shikiji ([e5cd43f](https://github.com/cssninjaStudio/tairo/commit/e5cd43f72bc0324ef86858ec95d0355b0c35f19d))
* **useMultiStepForm:** add validation and documentation

###  Documentation

* add button to open customization modal
* add spellchecker
* **autocomplete:** add allow create item example
* rework learning path, update examples and components reference

-----------------------------------------------------------------------------------------
  Version 1.4.0 - Jan 25, 2024
-----------------------------------------------------------------------------------------

### Features

- add autocomplete country example
- add password input component and dependencies, replacement to TairoPasswordStrength
- Add phone input component and dependencies
- add shuriken-gradient.svg and shuriken-gradient-dark.svg logos
- input number component usage and add related documentation
- refactor autocomplete examples
- refactor button-action, accordion, avatar and breadcrumb docs
- replace prettier with eslint stylistic
- **TairoPopover:** improve component placement with floating ui
- update avatar and accordion docs
- update checkbox docs
- update components doc examples and text
- update components documentation
- update documentation overview
- update input docs
- update input file docs
- update input number docs
- update listbox docs
- update Mapbox styles and geocoder placement
- update nuxt configuration files
- update nuxt, shuriken-ui and zod
- update remaining docs pages
- upgrade to shuriken-ui v2 and nuxt v3.9

### Bug Fixes

- add panel emits demo
- convert charts series to use shallowRef
- **demo:** new event date picker data binding
- improve server response type
- lazyload markdown imports
- markdown rendering reactivity
- move unused dependencies from layers to demo
- null reference errors in app.tairo properties
- page and layout transitions to app configuration
- replace tailwind w/h classes with size
- use BaseCheckbox and BaseIconBox color props
- use import.meta.env instead of process.env

-----------------------------------------------------------------------------------------
  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