Skip to content

toprakdeviren/kivo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

kivo

✨ Modern web development made simple - Launch beautiful projects in seconds.

Transform your ideas into stunning web experiences with minimal setup. Kivo combines the best modern tools into one seamless workflow.

🎯 Why Kivo?

Lightning Fast Setup ⚑
Zero configuration needed. Just run one command and start building.

Beautiful by Default 🎨
Vite-inspired design with dark mode, responsive layout, and modern typography.

Developer Experience πŸ”§
Hot reload, smart package detection, and optimized builds out of the box.

Production Ready πŸš€
SEO-friendly, minified, and deployment-ready from day one.

πŸš€ Get Started

npx kivo my-project
cd my-project  
# kivo auto-detects your package manager (npm/yarn/pnpm)
{pm} run dev

That's it! Your project is live at http://localhost:8082

✨ What's Included

🎨 TailwindCSS - Utility-first styling
⚑ Eleventy - Fast static site generation
πŸŒ™ Dark Mode - System-aware theme switching
πŸ“± Responsive Design - Mobile-first approach
πŸ”§ Modern Tooling - PostCSS, Autoprefixer, minification
πŸ“¦ Smart Detection - Auto-detects and uses npm, yarn, or pnpm

πŸ—οΈ Project Structure

my-project/
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ index.html          # Hero landing page
β”‚   β”œβ”€β”€ _includes/base.html # Layout with navbar & footer
β”‚   β”œβ”€β”€ styles/input.css    # TailwindCSS + dark mode
β”‚   └── scripts/main.js     # Interactive features
β”œβ”€β”€ config/                 # Build configuration
β”œβ”€β”€ public/                 # Static assets
└── dist/                  # Production build

🎨 Design Philosophy

Minimal & Clean
Inspired by Vite's aesthetic - clean typography, subtle gradients, perfect spacing.

Dark Mode First
Respects system preferences, persistent user choice, smooth transitions.

Full-Screen Harmony
Perfect viewport fit without scrolling. Every pixel matters.

πŸ“ Development Commands

# Your package manager (npm/yarn/pnpm) is auto-detected
{pm} run dev      # Start development with hot reload
{pm} run build    # Production build with optimization
{pm} run clean    # Clear build artifacts

πŸš€ Deploy Anywhere

Your project works everywhere:

Netlify β†’ Drag & drop dist/
Vercel β†’ Connect your Git repo
GitHub Pages β†’ Enable in settings
Any CDN β†’ Upload dist/ contents

🌟 Perfect For

  • Landing pages
  • Portfolio sites
  • Documentation
  • Prototypes
  • Marketing sites
  • Any modern web project

πŸ”§ Requirements

  • Node.js 18+
  • Any package manager (auto-detected)

🎯 Built With Modern Standards

  • ES Modules
  • CSS Grid & Flexbox
  • Semantic HTML5
  • Web accessibility
  • Performance optimized
  • SEO ready

πŸ’‘ Pro Tips

Instant Preview
Changes appear instantly with hot reload

Smart Package Manager
Automatically detects and uses your preferred package manager

Smart Defaults
Everything works without configuration

Extend Easily
Built on standard tools - customize anything

🀝 Contributing

Found a bug? Have an idea? Pull requests welcome!

πŸ“„ License

MIT © Uğur Toprakdeviren

πŸ”— Links

GitHub β†’ toprakdeviren/kivo
npm β†’ kivo


Launch beautiful web projects in seconds ✨

About

πŸš€ Next-gen web development starter - Generate beautiful modern web projects instantly

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published