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
Browse ready-made HTML snippets and test how Flowboard converts them into editable Webflow sections.
Native Nav
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.
Native FormPro
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.
Native Form
Brutalist signup form
A high-contrast newsletter form with bold borders and a focused email signup layout.
Native Form
Simple contact form
A clean glass-style contact form with name, email, message fields, and submit feedback.
Code block
A macOS-style code window mockup with syntax-highlighted JavaScript content.
3D tilt effect card
A dark interactive card with mouse-driven 3D tilt and a spotlight glow effect.
Pricing toggle
A modern pricing card with monthly/yearly toggle, feature list, and CTA.
Seamless brand marquee
A horizontal marquee with cloned content for continuous brand logo scrolling and hover pause.
Faux horizontal smoothscroll
A scroll-driven horizontal reveal with sticky framing, sliding feature cards, and a top progress bar.
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.