Examples

Practical page layouts built entirely with Crumbs. Each example is a self-contained HTML file — open it, inspect the source, and use it as a starting point for your own project.

Landing Page screenshot
Landing Page

A marketing landing page with a full-screen hero, feature cards, pricing tiers, testimonials, and a sign-up form.

Admin Interface screenshot
Admin Interface

A sidebar-based dashboard with tabbed panels, stat cards, progress bars, charts, a data table, and a settings form.

Documentation screenshot
Documentation

A docs site with a sidebar nav, breadcrumb, code blocks, reference tables, API docs, and a FAQ accordion.

Settings Page screenshot
Settings Page

A tabbed settings layout with profile form, security controls, notification preferences, and a delete-account dialog.

Blog Layout screenshot
Blog Layout

A blog with a fixed navbar, hero banner, featured post cards, article list, and pagination.

Product Page screenshot
Product Page

A bento-grid product catalogue with a featured item, smaller product cards, brand story, testimonials, and a contact footer.

Login Form screenshot
Login Form

A minimal centered login form with labels, a remember-me toggle, and helper links — low-friction and accessible.