MARKETPLACE
PLUGINS
FRAMIFY CUSTOM CSS CLASSES
Framify Custom CSS Classes logo

Framify Custom CSS Classes

Published December 2023
   •    Updated April 2026

Plugin details

This Framify's plugin is a dynamic and versatile designed for Bubble users who wish to elevate their page design through the direct application of CSS. This robust tool empowers editors to seamlessly integrate CSS classes into any element within their Bubble pages, unlocking a realm of aesthetic customization and creative expression.
At the heart of Framify lies the principle of bringing the full spectrum of CSS capabilities into the Bubble environment. Users with a grasp of CSS can craft and apply their unique blocks of CSS rules, transforming the look and feel of their applications with precision and flair. From subtle tweaks to complete overhauls, Framify places the immense power of CSS at the fingertips of its users.

The possibilities with Framify are as boundless as the imagination and creativity of those who wield it. Tailor your user interface, enhance visual appeal, or create distinctive layouts—all through the intuitive integration of custom CSS.

However, with this powerful tool comes a level of responsibility. Users should be mindful that improper CSS implementation might clash with Bubble's inherent styling or potentially disrupt the application's design integrity. Therefore, while Framify is user-friendly, it is most effective in the hands of those with a foundational understanding of CSS—a skill that is relatively straightforward to acquire and immensely rewarding.

Free

For everyone

5.0 stars   •   2 ratings
537 installs  
This plugin may track or collect your data. Learn how.

Other actions

Platform

Web

Contributor details

 logo
Joined 2025   •   1 Plugin
View contributor profile

Instructions

To add custom classes use syntax:
{ "addClass": [] } <- Inside [] add class names inside "" separated by comma, example { "addClass": ["margin","animation"] }

To add temporary classes use syntax:

{ "addTemp": [] } <- Inside [] add class names inside "" separated by comma, example { "addTemp": ["margin","animation"] }

Data collection and tracking

This author has not yet disclosed their data usage policy. Learn more by contacting the author.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Fantastic
February 25th, 2026
Simple to use, but effective! What I was looking for.
Good for advanced styles and it's more enjoyable to work with things well organized
January 3rd, 2024
I'm thoroughly impressed with this plugin; it's a game-changer for advanced designers, it really raises the bar. I also discovered the framify extension, an excellent ecosystem. Congratulations guys :) Excellent contribution to the community!
Thank you! Your words mean a lot to us, happy developing! (plugin author)
January 3rd, 2024
  •  
Original reviewer
Thank you for your kind response! :) I wanted to provide some feedback regarding the addTemp function. It appears that there might be an issue with its current implementation. Specifically, the addTemp function is intended to add temporary class(es), for instance such as, on hover and when it is pressed. However, I've noticed that when I use it, the CSS class appears as expected upon hovering, but it does not disappear after the condition ends. This behavior seems to be identical to that of the addClass function, which is not the intended behavior for addTemp. Thank you for your attention!
January 3rd, 2024
  •  
Original reviewer
Hello! Conditional classes work when there is class applied by default. Example you want to add addTemp on Hover under "Conditional" tab, then you must have some addClass by default on the "Appearance" tab. If this issue persists please send us an email [email protected] (plugin author)
January 4th, 2024
  •  
Original reviewer
Bubble