Nabule
From Framer to Webflow — rebuilding a premium design template from the ground up.
A full platform rebuild, not just a migration
Nabule is a premium Webflow template designed for creative and branding agencies. The template was originally built in Framer but the client needed it fully rebuilt in Webflow preserving every interaction, animation, and design detail — so it could be sold on the Webflow template marketplace.
Two platforms, one identical result
Rebuilding a template across platforms isn't a simple migration. Framer and Webflow handle interactions, animations, and CMS architecture very differently. Every element had to be carefully reconstructed in Webflow from scratch — matching the original design pixel-perfectly while adapting the interactions to work within Webflow's ecosystem.
Every page, every interaction, rebuilt from scratch
I rebuilt the entire template in Webflow using the Client-First framework, covering every page and feature the original Framer template included: homepage, portfolio, about, contact, blog, work single, CMS collections, pricing section with toggle, FAQ, process section, and a 404 page. All interactions and animations were rebuilt natively in Webflow to match the original feel.
Homepage
Hero, services, logo marquee, about, work grid, testimonials, stats, pricing, FAQ, process, blog
Work
Filterable portfolio grid
Work single
CMS template page
About page
Blog
CMS-powered
Blog single
CMS template page
Contact page
404 page
A pixel-perfect rebuild, ready to sell
The client was satisfied with the final output. The rebuilt template faithfully matches the original Framer design — every section, interaction, and CMS structure — ready to be listed and sold on the Webflow template marketplace.
Get in touch
Next project
Ignite Psychology
Building a warm, animated psychology practice website that feels nothing like a clinic.
Adaptive
Full redesign of a data analytics firm's website. Features subtle GSAP animations, custom CSS hover interactions, Finsweet CMS filters for browsable case studies, and Webflow CMS for services and case studies.
CJB Counselling
Clean, inviting website for a therapy practice offering support for anxiety, abuse, and more. Features GSAP split text animations, Lenis smooth scroll, a SwiperJS testimonial slider, and a Finsweet FAQ section.