Woozie
Woozie Documentation Everything you need to know about building websites with Woozie, from first install to production deploy.
This is the full reference for Woozie. Whether you've never touched a framework before or you just want to look up how a specific component works, this is the place.
New here? Start with these.
The full list of every built-in component, with examples you can copy.
Guide What it covers layout.md col, row, grid, center, container, section, spacer, divider, wrap typography.md heading, text, link, bold, italic, code, quote, label interactive.md button, input, textarea, select, toggle, checkbox, radio, slider, dropdown containers.md card, hero, nav, tabs, accordion, modal, header, footer data-feedback.md alert, badge, progress, spinner, stat, list, table, tooltip, image, video
Guide What it covers routing.md Multi-page sites, clean URLs, navigation, shared layouts
Guide What it covers themes.md style.woozie, woozie.rules, dark/light themes, fonts, CSS variables
Guide What it covers local-plugins.md Creating and using local reusable plugins comet-ui.md Installing, creating, and publishing CometUI community packages
Guide What it covers custom-js.md Adding your own JavaScript to Woozie projects
Guide What it covers deploy.md Building for production, deploying to Vercel, Netlify, GitHub Pages
npm install -g wozie woozie init myapp cd myapp woozie run Open http://localhost:3000 and you're good.
// basics heading "Title" text "A paragraph." button "Click" [variant=solid, color=primary] link "Go" [page=about] image "pic.jpg" // layout row: -- horizontal column: -- vertical grid [cols=3]: -- responsive grid card: -- styled card // navigation nav: navlink "Home" [page=index] navlink "About" [page=about] // plugins (register in woozie.rules) plugins: navbar = plugins/navbar.woozie // then use it @navbar // community plugins woozie add coolcards comet:coolcards:pricing_card "Pro" [price=$29/mo] // custom js script "app-logic.js"