---
title: Home
date: 2025-10-01T15:05:00+02:00
canonical_url: "https://craft-kit.dev/"
section: Home
---
Ship faster. Stay consistent. Skip the setup.

Craft Kit is a production-ready baseline for Craft CMS 5 — with Vite, Tailwind, Datastar and DDEV already configured, structured, and ready to go.

No JavaScript frameworks. No hydration. No boilerplate decisions. Just server-rendered HTML with Datastar handling reactivity where it matters — and a clean architecture your whole team can work in from day one.

Every new project starts with the same solid foundation: folder structure, component architecture, front-end tooling, local environment, and working examples for Matrix blocks, CKEditor components, search, maps and blog views.

**Agencies use it to deliver client projects faster — with less risk and more consistency. Freelancers use it to skip straight to the work that matters.**

 

 

## Built with modern tools and clean architecture

- ⚙️ 
    
    ## Craft CMS 5
    
     Flexible content modelling your editors will actually understand.
- ⚡ 
    
    ## Vite
    
     Instant reloads in dev, optimised bundles in production. No config drama.
- 🧩 
    
    ## DDEV
    
     Every dev on your team runs the same environment — from day one.
- 🚀 
    
    ## Datastar
    
     Reactive UIs without the framework overhead. Just HTML, attributes, and SSE.
- 🗺️ 
    
    ## Leaflet
    
     Interactive maps with live filtering and clustering — all server-rendered.
- 🎨 
    
    ## Tailwind CSS
    
     Utility-first styling with design tokens. Consistent across every project.
- 🤖 
    
    ## AI-Ready
    
     Structured llms.txt and Markdown exports — so AI coding tools understand your project from day one.
- ♿ 
    
    ## Accessible by Default
    
     Semantic HTML, ARIA attributes, and keyboard navigation built in — not bolted on later.
 
 

## Showroom

## Build flexible page layouts

Give editors a flexible page builder that doesn't break — modular blocks, clean structure, no surprises.

 

 [Matrix Builder](https://craft-kit.dev/matrix-builder) 

 

## Structure content with one field

Structured components inside CKEditor, one click. Editors stay fast, output stays consistent.

 

 [CKEditor Builder](https://craft-kit.dev/cke-builder) 

 

## Live search without JavaScript

Live search with instant results — no JavaScript framework, no complexity. Just Twig and Datastar.

 

 [Datastar Search](https://craft-kit.dev/search) 

 

## Blog with filtering and pagination

Filtering, pagination, live updates — without a single page reload or a JS framework to maintain.

 

 [Datastar Blog](https://craft-kit.dev/blog-hypermedia-datastar) 

 

## Interactive maps in Twig

Interactive maps with filters and clustering, rendered server-side. No React, no Vue, no problem.

 

 [Datastar Map](https://craft-kit.dev/map) 

 

## Full CRUD, zero JavaScript

Full CRUD with zero JavaScript overhead. Proof that you don't need a frontend framework to build real features.

 

 [Datastar Todo List](/hypermedia-todolist-craft-cms-datastar) 

 

 

 

 Ship your next  
client project faster.

 [👉 Get the Starter Kit on github](https://github.com/handplant/craftcms-lazy-starter-kit)