Why o-props?

o-props is a powerful WordPress plugin that revolutionizes your design workflow by integrating modern CSS custom properties, custom elements, and productivity features directly into your page builder.

Why choose o-props over another web framework? Here are five core design principles to help explain why we built o-props, the problems that it exists to solve, and why o-props may be the best choice for your project or team.

o-props is…

Design Tokens focused: o-props was designed for content-rich websites.
User first: Websites run faster when they render HTML on the server.
Fast by default: It should be impossible to build a slow website in o-props.
Easy to use: You don’t need to be an expert to build something with o-props.
Fully featured, but flexible: Over 100+ o-props integrations to choose from.

Design Tokens focused

At o-props, we understand the importance of design consistency and efficiency. That’s why we built o-props with a strong focus on design tokens. With o-props, you can easily define and manage your design system’s colors, typography, spacing, and more, using CSS custom properties. By centralizing your design tokens, you can achieve a consistent look and feel across your entire website or application, making it easier to maintain and update your styles.

User First

o-props puts the user experience at the forefront. We believe that designing and developing for the web should be a seamless and intuitive process. o-props integrates directly into popular page builders, empowering you to harness the full potential of CSS custom properties and custom elements without leaving your familiar design environment. This user-centric approach allows you to focus on creating remarkable websites that deliver an exceptional experience to your audience.

Fast by Default

Performance is a top priority in today’s web landscape. o-props is designed to be fast by default, ensuring your website loads quickly and efficiently. By leveraging the power of CSS custom properties, o-props reduces the need for repetitive and bloated CSS code. This streamlined approach optimizes your website’s performance, resulting in faster load times and improved user engagement. Say goodbye to unnecessary overhead and hello to a lightning-fast website.

Easy to Use

We believe that powerful tools should also be accessible to all. o-props is designed with simplicity in mind, making it easy for both beginners and experienced developers to use. The plugin seamlessly integrates with your existing workflow, allowing you to leverage the benefits of CSS custom properties without a steep learning curve. With clear documentation and intuitive controls, o-props empowers you to create stunning designs with ease, saving you time and effort in the process.

Fully featured, but Flexible

o-props offers a comprehensive set of features to cater to your diverse design needs. Whether you’re working on a small personal project or a large-scale team collaboration, o-props provides the tools and flexibility to adapt to your requirements. Customize and extend your design system with ease, thanks to the plugin’s extensive capabilities. o-props offers a balance between being fully featured and adaptable, ensuring it can meet the demands of any project, big or small.