https://github.com/modbender/kairo-template
Kairo Template - Instant Website for App Developers, Companies, Etc
https://github.com/modbender/kairo-template
Last synced: 3 months ago
JSON representation
Kairo Template - Instant Website for App Developers, Companies, Etc
- Host: GitHub
- URL: https://github.com/modbender/kairo-template
- Owner: modbender
- Created: 2024-01-25T20:29:13.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-31T09:44:45.000Z (about 2 years ago)
- Last Synced: 2025-03-28T08:31:43.927Z (about 1 year ago)
- Language: Vue
- Homepage: https://kairo-template.netlify.app/
- Size: 4.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://tailwindcss.nuxtjs.org/), includes [Typography plugin](https://tailwindcss.com/docs/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](https://image.nuxt.com/)
* Integrated with Complete SEO solution by [@nuxtjs/seo](https://nuxtseo.com/) - 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](https://icones.js.org/), based on [Iconify](https://iconify.design/) provided by [Icon plugin](https://nuxt.com/modules/icon)
* Integrated with automatic HTML validator for instant validation [@nuxtjs/html-validator](https://html-validator.nuxtjs.org/)
* Attractive Fully Customizable Particle Graphics (3 presets included) by [tsparticles](https://particles.js.org/samples/index.html#Parallax)
* 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](https://nuxt.com/modules/auto-animate)
* Fade on scroll animation by [AOS](https://michalsnik.github.io/aos/)
* Smooth scroll effect by [Lenis](https://lenis.studiofreight.com/)
* 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](https://kairo-template.vercel.app/) and [Netlify Demo](https://kairo-template.netlify.app/)
## **Credits:**
### **Fonts:**
Google Fonts - [Roboto](https://fonts.google.com/specimen/Roboto)
### **Icons:**
Iconify based - [icones](https://icones.js.org/)
### **Dependencies:**
* [nuxt-icon](https://nuxt.com/modules/icon)
* [@nuxt/image](https://image.nuxt.com/)
* [@nuxtjs/google-fonts](https://google-fonts.nuxtjs.org/)
* [@nuxtjs/html-validator](https://html-validator.nuxtjs.org/)
* [@nuxtjs/seo](https://nuxtseo.com/)
* [@nuxtjs/tailwindcss](https://tailwindcss.nuxtjs.org/)
* [@tailwindcss/typography](https://tailwindcss.com/docs/typography-plugin)
* [@studio-freight/lenis](https://lenis.studiofreight.com/)
* [tsparticles](https://particles.js.org/samples/index.html#Parallax)
* [@tsparticles/vue3](https://github.com/tsparticles/vue3)
* [@formkit/auto-animate](https://nuxt.com/modules/auto-animate)
* [@vueuse/nuxt](https://vueuse.org/nuxt/README.html)
* [aos](https://michalsnik.github.io/aos/)
* [nuxt-swiper](https://nuxt.com/modules/swiper)
### **Image Sources:**
* [Pixabay](https://pixabay.com/)
* [Unsplash](https://unsplash.com/)