Starter Kit

Build fast.
No frameworks.

A modern, opinionated foundation for building rich experiences with nothing but the web platform. Tabs, toasts, storage, fetch, validation — all wired up.

MDN Docs
⚡

Zero Dependencies

Pure DOM APIs. No build step. No node_modules. Opens in any browser instantly.

🎨

Design Tokens

CSS custom properties drive theming. Light/dark mode switching in a single toggle.

🧩

Modular Patterns

Each feature is a self-contained init function. Extend or strip parts as needed.

💾

LocalStorage

Data persists across sessions with a clean read/write wrapper baked in.

📡

Fetch + Loading

Async data fetching with loading states, error handling, and spinner feedback.

✅

Form Validation

Client-side validation with real-time field feedback and submit gating.

Interactive Demos
Core JS patterns — all local, all vanilla.
0
Persisted in localStorage

📝 Quick Notes — localStorage

    🔔 Toast Notifications
    Trigger different toast variants. Auto-dismisses after 3s.
    📡 Fetch API
    Async data from a public JSON endpoint.

    Random User from JSONPlaceholder

    Result will appear here…
    Form Validation
    Real-time client-side validation with field-level feedback.

    Registration Form