/

Documentation

/

Welcome

Welcome

Roi is a premium Framer UI kit designed for SaaS products, creative agencies, startups, and tech-driven companies. It comes with 40+ ready-made pages, 90+ modular components, and powerful CMS support — all structured to help you build a high-performance, professional website with ease.

Overview

Whether you're launching a new product, showcasing your services, or building a content hub, Roi gives you everything you need to design fast, scale confidently, and maintain visual consistency.

From conversion-focused landing pages to subpages like About, Features, Pricing, Services, and Contact, every screen is optimized for usability and responsiveness.

What’s Included

CMS Integrations

Roi is built with CMS-ready collections that power dynamic pages. You can manage blog posts, showcase projects in a portfolio, list open roles on a careers page, or organize your help center — all without touching the layout. Each CMS page is wired to real content structures, ready for editing and publishing. The system supports categories, search, filters, and structured metadata out of the box.

Light and Dark Mode Support

Dark Mode Support

Every section and component supports both light and dark themes out of the box. Theme switching is seamless and powered by Framer’s native design tokens. This means you can design and publish a fully theme-compliant site without duplicating components or tweaking styles manually. It just works — and it works beautifully.

Adaptive Color System

Roi uses a powerful color token system that allows you to maintain consistency across your site while enabling deep customization. You can quickly update your brand’s primary, background, and text colors at the global level, or fine-tune them at the component level for more control. The color system is theme-aware and supports automatic light/dark adaptation.

Color Styles

In Framer, while you can define and reuse color variables throughout your design system, it's currently not possible to reference a color variable inside another variable. For example, you can't define a gradient or shadow variable using existing color variables.

Color Styles

In Framer, while you can define and reuse color variables throughout your design system, it's currently not possible to reference a color variable inside another variable. For example, you can't define a gradient or shadow variable using existing color variables.

Color Styles

In Framer, while you can define and reuse color variables throughout your design system, it's currently not possible to reference a color variable inside another variable. For example, you can't define a gradient or shadow variable using existing color variables.

Color Styles

In Framer, while you can define and reuse color variables throughout your design system, it's currently not possible to reference a color variable inside another variable. For example, you can't define a gradient or shadow variable using existing color variables.

Reusable Layouts and Sections

Roi uses a powerful color token system that allows you to maintain consistency across your site while enabling deep customization. You can quickly update your brand’s primary, background, and text colors at the global level, or fine-tune them at the component level for more control. The color system is theme-aware and supports automatic light/dark adaptation.

Unlimited Lifetime Updates

Purchasing Roi gives you access to all future updates, forever. As Framer evolves, Roi will continue to grow with new sections, page templates, and performance enhancements. You’ll always have access to the latest components and visual refinements — no extra cost, no subscriptions, no surprises.

Next Steps

Summary

Roi is a premium Framer UI kit tailored for SaaS, creative agencies, startups, and tech innovators. With 30+ ready-to-use pages, 40+ modular components, and robust CMS support, Roi empowers you to build fast, professional, and scalable websites effortlessly—giving you a competitive edge from day one.

Create a free website with Framer, the website builder loved by startups, designers and agencies.