Native Nav
Blue glass nav
A clean top navigation with logo, links, and one action button.
HTML to Webflow
Examples
Start with ready-made section ideas, copy what you need, and paste into Flowboard to build faster in Webflow.
How it works
- 1
Choose a layout card and copy the snippet when it is available.
- 2
Launch Flowboard while you are inside Webflow Designer.
- 3
Paste into Flowboard and convert to native elements you can edit.
Example library
Pick a section type and see what you can plug into your Webflow builds.
Native NavGSAP
Dark navbar
A bold dark navigation with animated mobile menu behavior and smooth transitions.
Pro
Hero section
A headline, short supporting text, and a clear call to action.
Dark hero
A dark gradient hero layout with a bold headline, CTA, and code-style card.
Pro
Brutalist hero
A hard-edged hero with boxed navigation, oversized type, and a terminal-style code panel.
Pricing section
Simple card layout for plans with names, prices, and actions.
Black footer
A modern dark footer with multi-column links, social icons, and newsletter signup.
Pro
Neumorphism features
A soft UI feature grid with tactile cards, icon badges, and subtle interactive shadows.
Code block
A macOS-style code window mockup with syntax-highlighted JavaScript content.