Sections, Pages & Templates w/ Cnippet Blocks
Build complete websites faster with production-ready sections, full page layouts, and complete starter templates. Built with components from ui.cnippet.dev.
Browse Sections
Individual page sections built using both core and motion components from ui.cnippet.dev.
404
2 Variants
banner
2 Variants
blog
5 Variants
career
4 Variants
contact
3 Variants
cta
2 Variants
faq
3 Variants
feature
3 Variants
footer
3 Variants
gallery
3 Variants
hero
3 Variants
integration
3 Variants
login
3 Variants
logo
3 Variants
metrics
3 Variants
navbar
3 Variants
newsletter
3 Variants
pricing
3 Variants
How it works
3 Variants
register
3 Variants
team
3 Variants
testimonial
3 Variants
video
3 Variants
A Hierarchical Composition Model
Blocks follows a hierarchical composition model that mirrors how developers naturally build websites. Each layer builds upon the previous one, creating increasingly complete solutions.
Sections
Individual page sections that can be dropped into any project. Each section is available in multiple variants (e.g., Hero with centered text, Hero with side image, Hero with video background).
- • Hero, Features, Testimonials
- • Pricing, Team, CTA
- • FAQ, Footer, Navigation
Pages
Complete pages assembled from sections, providing production-ready page layouts. Pages combine multiple sections with proper spacing, responsive behavior, and consistent design language.
- • Landing, About, Contact
- • Blog, Documentation
- • Dashboard, Authentication
Templates
Complete, multi-page website templates built from pages. Templates are fully functional starter projects that developers can clone and customize. Each template includes all necessary pages, routing, SEO configuration, and deployment setup.
- • SaaS Starter
- • Agency Portfolio
- • E-Commerce Storefront