Kairo Template

Kairo (the Japanese word for "circuit") is the premier startup and app developer template designed to forge connections with your clients. It is built with the Nuxt 3 framework and powered by Vue 3 JS, featuring an easily customizable particle graphic background and code. If you're a startup or an app developer in search of an instantly deployable template, this is the perfect choice for you!

I believe all the necessary files have been provided. However, if you think something is missing, please feel free to comment about it, and I will reply as soon as possible.

Note:

This template is based on Vue 3 and utilizes the Nuxt 3 framework. It is not compatible with WordPress/PHP, nor can it be used as a static HTML template.

Features:

• Built with Latest Stable Vue 3 JS (version 3.4+)
• Built with Latest Stable Nuxt 3 framework (version 3.10+)
• Built with Tailwind CSS fully optimized by @nuxtjs/tailwindcss, includes Typography plugin
• Out of the box devtools integreation for deep and detailed debugging of your application
• Optimized images with responsive resizing, webp or avif conversion and automatic size optimization by @nuxt/image
• Integrated with Complete SEO solution by @nuxtjs/seo - providing Schema JSON+LD, dynamic OG Image generation, Sitemap generation, robots.txt, and etc.
• Integrated with web optimized 200,000+ ready to use vector icons, based on Iconify provided by Icon plugin
• Integrated with automatic HTML validator for instant validation @nuxtjs/html-validator
• Attractive Fully Customizable Particle Graphics (3 presets included) by tsparticles
• Fully Responsive, with image resizing based on display width
• Comments in code for instant help and references
• Easy to customize, fresh and clean code
• Page transition animations by @formkit/auto-animate
• Fade on scroll animation by AOS
• Smooth scroll effect by Lenis
• Documentation PDF Included
• Optional Google Analytics integration included
• Future Updates

What You Get:

• fully functional, properly structured Nuxt 3 project
• .vue files
• .js files
• .scss files
• .env example
• configuration files (.npmrc, .nvmrc, tailwind.config.js, tsconfig.json, yarn.lock)
• deployment files (netlify.toml and vercel.json)
• documentation

Demo:

Vercel Demo and Netlify Demo

Credits:

Fonts:

Google Fonts - Roboto

Icons:

Iconify based - icones

Dependencies:

• nuxt-icon
• @nuxt/image
• @nuxtjs/google-fonts
• @nuxtjs/html-validator
• @nuxtjs/seo
• @nuxtjs/tailwindcss
  • @tailwindcss/typography
• @studio-freight/lenis
• tsparticles
  • @tsparticles/vue3
• @formkit/auto-animate
• @vueuse/nuxt
• aos
• nuxt-swiper

Image Sources:

• Pixabay
• Unsplash