Build your Webflow site
faster, cleaner with
Lumos
Lumos is a development framework for Webflow.
Reusable components, organized code, and simplified maintenance: discover the method that transforms how Webflow sites are built.
.png)
Summarize this page
Use a LLM to summarize or explain the page you just read
What is Lumos?
An intelligent component system
Like Lego bricks for your website. Each element (button, card, section) is created once and reused everywhere. One global change with a single click.
Clean and organized architecture
No more messy code and multiplying CSS classes. Lumos structures your project with clear conventions that any developer can understand.
Simplified maintenance
Modifying your site becomes child's play. No more searching for where an element is hidden or fearing you'll break something when making a change.
The benefits of Lumos
Projects built with Lumos
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Kare School
Kare School offers an intensive training program to become or advance as a Customer Success Manager (CSM).
Yampa
Deliver instant answers, automate workflows, and scale customer support across every channel — without compromise.
Pachamama
Isabell Hergoz
Portfolio of Isabell Hergoz, digital product designer
Easy Transac
Platform to manage online and in-store payments to optimize your business
Albert School : V2
Complete redesign of a private data school’s website in Paris, along with an ongoing monthly support partnership.
Black Belt
The recruiters’ website has been revamped and cleaned with a fresh design. It now includes many new CMS-based template pages.
Simpler : Complete Redesign
Complete design overhaul with solid components, custom animations, and a strong focus on performance.
Why choose Lumos
for your Webflow project?
Lumos was developed to solve recurring problems: sites that are difficult to maintain, modifications that take hours, disorganized code that slows down evolution. Lumos is an answer to these challenges.
It's a proven methodology that ensures your investment in Webflow remains profitable in the long term.
A site built with Lumos is a site that accompanies you for years, not months.
Created by Timothy Ricks, Webflow world reference
Timothy Ricks is a major figure in the Webflow community, creator of the famous Client-First framework used by thousands of developers worldwide.
Lumos is his new methodology, built on years of expertise and continuous improvement.
By choosing Lumos, you benefit from the expertise of a pioneer who has trained and inspired an entire generation of Webflow developers.
Your questions, answered
Does Lumos work on my existing Webflow site?
How much does using Lumos cost?
Lumos is a development framework used by agencies and developers.
There is no additional cost to the Webflow subscriptions for using it!
Do I need technical knowledge to manage my site after development?
No.
Once the site is built with Lumos, you manage your content through the usual Webflow interface.
We train you on the parts you want to edit.
Lumos component logic reduce potential human errors for non-technical users, even if they want to create new pages using the components library available on the website.
What's the difference between Lumos and Client-First?
Client-First and Lumos are both Webflow CSS frameworks, but they’re built for different priorities.
Client-First is opinionated, explicit, and optimized for clarity and collaboration. It relies on verbose class naming and strict conventions so anyone—designer, developer, client—can open the project and immediately understand how it’s structured. It shines in team environments, agencies, and handoffs, where predictability and readability matter more than speed. The trade-off is more classes, more manual work, and a heavier DOM.
Lumos, on the other hand, is optimized for speed, scalability, and modern development workflows. It’s utility-first, heavily variable-driven, and far more abstracted. You write less CSS, reuse more logic, and scale complex design systems faster. The cost is a steeper learning curve and lower immediate readability for non-experts.
In short: Client-First favors clarity and collaboration; Lumos favors efficiency, performance, and long-term scalability.
Will my site be slower with Lumos?
On the contrary! Lumos optimizes your CSS code and reduces the weight of stylesheets, which speeds up your site, even at scale with hundreds of pages.
Can I easily evolve my site after it's created?
That's exactly Lumos's goal.
Modifications and additions are up to 3 times faster than with traditional development.
What happens if I want to change agencies later?
As your website is using the Webflow best practice and last features, any experiment developer, trained in Lumos or not, will be able to take over the project easily.
How long does a project with Lumos take?
It depends on complexity, but for website reusing the same sections layouts, 20-30% faster than traditional development thanks to component reusability!