assets for wordpress

3D Half-Flip on Scroll

This 3D half-flip effect uses GSAP to rotate an element 90 degrees as you scroll, creating a smooth transition where the front face fades out and the side face fades in. The element is pinned in place during the animation, giving a clean 3D flipping effect that responds directly to your scroll position.

Important: This effect works best with lengthy content, as the rotation speed syncs with the size of the content in the right column. The longer the text, the slower the animation.

Effortless WordPress page builder software with powerful, simple drag-and-drop functionality for creating stunning websites quickly and easily.
High-quality digital design featuring WordPress and website building tools for creative professionals.

Breakdance Builder

Breakdance provides significant advantages for web design that go beyond what standard coding practices, such as those used in Oxygen, can offer. First and foremost, its user-friendly, element-based interface allows users with no technical background to easily create and customize websites. Unlike Oxygen, which requires a solid understanding of HTML and CSS for effective use, Breakdance streamlines the design process by offering a drag-and-drop setup with over 140 pre-built elements. This makes it ideal for beginners who want to create professional results quickly.

Additionally, Breakdance automates many aspects of web development that would typically require manual adjustments in a platform like Oxygen. For example, it ensures automatic mobile responsiveness and integrates interactive elements like tabs and sliders out of the box. This reduces the time and effort needed to set up complex features, allowing users to focus on design rather than technical details, thus enhancing overall productivity.

Moreover, Breakdance allows for easy design reusability through its preset system. Users can save and apply design settings across multiple elements, ensuring a consistent look and feel throughout the website. This feature contrasts with Oxygen's more complex CSS class system, which, while powerful, can introduce challenges for those unfamiliar with coding. In summary, Breakdance’s intuitive interface, automation of technical tasks, and focus on usability make it a highly effective tool for anyone looking to create websites with ease and efficiency.

Oxygen Builder

Oxygen offers several key features that distinguish it from Breakdance, particularly for those who prioritize coding and customization. As a developer-first platform, Oxygen provides a more nuanced control over HTML and CSS, allowing seasoned developers to build highly intricate layouts directly within a visual interface. This close integration with foundational web technologies enables users to leverage their existing coding knowledge effectively, resulting in custom websites crafted with precision.

One of Oxygen's standout capabilities is its extensive CSS functionality, which includes nested selectors and CSS variables. These features provide developers with the ability to manage complex styles efficiently. Unlike Breakdance, which simplifies design through pre-built elements, Oxygen prioritizes a hands-on approach that lets users create everything from the ground up. This level of detail and control is ideal for those who want to maintain high standards of design quality and efficiency throughout their projects.

Furthermore, Oxygen's minimalist design philosophy means it includes only what users need, avoiding bloat from unnecessary features. This is advantageous for developers who prefer to integrate third-party tools and build custom interactions, as Oxygen does not impose predefined constraints. While this can result in a steeper learning curve, it empowers experienced users to achieve full customization without limitations.

In summary, Oxygen's focus on developer-centric features, advanced CSS capabilities, and a minimalist approach make it an exceptional tool for those seeking the ultimate flexibility and control in their web development projects. These qualities set it apart from Breakdance, which is more geared towards simplifying the design process for users without technical backgrounds.

 

 

Important: This effect works best with lengthy content, as the rotation speed syncs with the size of the content in the right column. The longer the text, the slower the animation.

Supa Style

The Supa Style isn’t just another web design trend — it’s a cultural revolution in how visionary designers wield WordPress as their ultimate creative arsenal. Born from the fusion of raw power and intuitive elegance, The Supa Style champions two titans of visual architecture: Breakdance Builder and Oxygen Builder.

Breakdance Builder redefines visual design with cinematic fluidity — think real-time, drag-and-drop animations that respond to scroll, hover, and click with cinematic precision, all while maintaining native WordPress compatibility and zero bloat. Its intelligent component library, dynamic data binding, and global style system turn repetitive tasks into one-click symphonies, empowering designers to craft immersive brand experiences that feel custom-built, not cookie-cutter. Meanwhile, Oxygen Builder is the silent force behind The Supa Style’s technical mastery — offering complete dominion over every HTML tag, CSS rule, and JavaScript hook without a single line of theme dependency.

With Oxygen, you don’t design pages; you engineer digital ecosystems — from ultra-lightweight headers to fully custom WooCommerce product layouts — all rendered with pixel-perfect accuracy and sub-1-second load times. Together, Breakdance and Oxygen form the dual soul of The Supa Style: one for the artist, one for the architect. This is not about using plugins — it’s about commanding a platform. The Supa Style demands mastery, not menu-clicking. It rewards those who dare to build beyond themes, who treat WordPress not as a CMS, but as a canvas — and who refuse to compromise on speed, scalability, or soul.

Vibrant graffiti-style "SUPA STYLE" text with bold black and orange outlines, surrounded by dynamic doodles, on a plain background, featuring a young man with sunglasses working on a laptop.
Stylish young woman with sunglasses using a laptop surrounded by doodles of lightning bolts and arrows, emphasizing modern fashion and tech-savvy lifestyle.