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 when you want concrete examples of how to convert HTML to 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 test the sort of snippets people search for when they want to paste HTML into Webflow, import HTML into Webflow, or turn starter markup into editable Webflow sections.
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.
GSAPPro
Brutalist hero
A hard-edged hero with boxed navigation, oversized type, and a terminal-style code panel.
GSAPPro
GSAP scroll hero
A cinematic hero with ScrollTrigger-driven color transitions and animated feature cards.
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.
GSAP
Editorial features
A bold editorial feature section with bordered cards and GSAP-driven load-in motion.
Code block
A macOS-style code window mockup with syntax-highlighted JavaScript content.
Try an example, then convert your own HTML
When you are ready to move beyond examples, use the feature page for the product workflow or read the guide for beginner-friendly setup help.