Examples

Quickly get a project started with any of our pre-built examples ranging from layout scaffolds to complete web apps and framework starter kits.

Browse interactive previews of all official boodoo templates, dashboards, pricing tables, checkout forms, and starters.

Framework Starter Kits

Kickstart your modern web app using boodoo configured out of the box with your preferred framework or bundler:

⚛️

React Single Page App with instant HMR and boodoo styles.

🟢

Vue 3 SFC template with Vite build pipeline and boodoo classes.

▲

SSR and static generation configured with zero-runtime CSS.

🌐

Zero build tool required. Drop into any web server directly.

Each template is built with standard boodoo components and utility classes with zero third-party framework overhead:

Template	Category	Description	Preview
Dashboard	Admin	Admin shell with sidebar navigation, metric cards, and responsive transaction tables.	Open
Pricing Table	SaaS	Three-tier subscription cards with highlight badge and detailed comparison table.	Open
Checkout Form	E-commerce	Billing and shipping address inputs, payment radio options, and order summary badge.	Open
Album & Gallery	Media	Photo portfolio layout with responsive card grids and drawer header.	Open
Blog Magazine	Content	Editorial publication layout with category scroller and featured stories.	Open
Sign-in Card	Auth	Centered authentication modal with floating labels and remember me option.	Open
Cover Splash	Landing	Fullscreen hero splash page with dark radial gradients and action buttons.	Open
Heroes Showcase	Layout	Collection of modern hero layouts: centered, two-column split, and dark cards.	Open
Features Grid	Layout	Column feature grids with icon boxes, hanging icons, and badge tags.	Open
Fixed Navbar	Navigation	Top-anchored fixed navigation bar with smooth mobile toggle drawer.	Open
Starter Template	Boilerplate	Minimal clean template to bootstrap any new web page.	Open

You can download the full boodoo framework source code corresponding to the current release (v1.0.5):

Includes all Sass files, Less files, vanilla JS source modules, precompiled dist CSS and JS assets, and license.