Craft Kit —
Craft CMS Starter Kit – Fast, Modern & Production-Ready
Instead of wiring up Vite, Tailwind, Vue Components, Datastar, GraphQL and DDEV yourself, everything is already configured, structured, and production-ready.
It removes the repetitive setup work that every Craft project normally requires:
clean folder structure, component architecture, front-end tooling, dev environment setup and a complete example implementation of common patterns like Matrix Blocks, CKEditor components, search, maps and blog views.
- Agencies use it as a stable, maintainable base for new client projects.
- Freelancers use it to skip boilerplate and jump straight into building features.
If you want a modern Craft CMS foundation that follows best practices out of the box, this starter kit gives you exactly that — without getting in your way.
🧠 Built with modern tools and clean architecture
- ⚙️ Craft CMS 5 – latest version with flexible content modeling
- ⚡ Vite – fast bundling and instant reloads
- 🧩 DDEV – reproducible local development environment
- 🚀 Datastar – lightweight, reactive frontend for dynamic UIs
- 🗺️ Leaflet – interactive, data-driven maps with clustering and live filtering
- 🧱 Vue 3 (Web Components) – progressive enhancement with custom elements
- 🔗 GraphQL – structured data fetching directly from Craft
- 🎨 Tailwind CSS v4 – utility-first styling with CSS variables
- 🎞️ Anime.js – smooth element animations and scroll-based transitions
- 🛞 Embla Carousel – ultra-smooth, touch-friendly sliders with full customization
- 🗃️ Craft eagerly() + render() – optimized queries, automatic block templates, and smart caching
- 🧾 SEO-Ready JSON-LD Organization Schema – structured data for Google Rich Results
- 🔍 SEO Meta, Open Graph & Sitemap – powered by SEOMate for share-friendly pages
- 🔌 Plugins: CKEditor, Datastar, Map, Image Resizer, SEOMate, Vite
💻 Feel free to explore, fork, or contribute — this starter kit is open source and available on GitHub.
🧱 Matrix Builder
Create flexible page layouts with a clean, modular Matrix structure. Perfect for editor-friendly, scalable content.
✍️ CKEditor Builder
Keeps editors fast and consistent — add structured components into CKEditor with one click.
⚡ Datastar Search
Lightning-fast live search powered by Datastar. Instant results, reactive UI, and minimal JavaScript — fully Twig-first.
🚀 Datastar Blog
A modern blog setup with live filtering, pagination, and instant updates — no page reloads, no heavy frameworks.
🗺️ Datastar Map
Interactive maps with dynamic markers, category filters, and clustering. All rendered directly in Twig with Datastar.
🧭 Grid Layout
A simple, responsive grid system used across all pages. Define full, content, feature, and popout layouts with ease.
About this project
This starter kit reflects how I structure and build modern Craft CMS projects: clean, modular, and ready for real-world production use. I’m Andi Grether, a freelance Craft CMS specialist working with creative agencies and design teams who need a reliable technical partner for high-quality implementation.
If you’re interested in working together or want support on your next Craft project, feel free to reach out via webworker.me.