Tairo – Multipurpose Nuxt Tailwind CSS Dashboard System

admin — Fri, 23 Jun 2023 08:20:36 +0000

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

Illustrations

The post Tairo – Multipurpose Nuxt Tailwind CSS Dashboard System appeared first on .

Vulk – Multipurpose Vue 3 SSR Sass Landing Pages UI Kit

admin — Tue, 22 Mar 2022 09:35:42 +0000

Vulk is a full-featured Vue 3 Landing page UI kit and design system. Vulk is written using the new Vue 3 Composition API. It provides ready pages to start building your web pages 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, features, content, CTA, pricing, forms, layouts, elements, components and much more.. Please note however that Vulk is not a WordPress theme.

Built with Vue 3 SSR

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. Vulk is SSR ready and uses the native Vue 3 SSR features.

Vite Powered

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

Bulma framework

If you want to try something different than Bootstrap designs and code, this is the perfect alternative. Bulma is a lightweight and easy to use css framework based on Flexbox. It’s mobile first grid has proven to be extremely flexible and perfect for mobile devices. On top of that, you have lot of responsive modifiers and mixins natively available. Vulk uses Bulma CSS vars leveraging native CSS variables.

Theming capabilities

Vulk styles are written in Scss outputed into a single minified css core file. You can easily use the existing colors or create a new theme one from scratch really quicklysuitable for your brand.

Modular Core

Vulk Scss source files structure follows a modular pattern. Everything is already sliced for a better code maintainability. More, you can customize the Bulma source files and variables before building Vulk ! CSS is also lazy loaded at the component level

Nice looking starters

Vulk features 100+ demo pages. it ships into a complete landing pages UI that you can use in your favorite platform or in a totally custom project. It provides everything you would need in a website like about pages, team sections, feature section, pricing sections and much more…

Responsive design

Vulk is based on Flexbox, wich is natively fit for mobile and tablets. Vulk is ultra responsive.