---
title: "Bloom Add Button — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Creatvnest | Mo · Buttons. Bloom Add Button Icon-to-Text Morphing: Utilizes Framer's advanced variant logic and absolute positioning for a smooth transition…"
canonical: "https://framer.elliotli.dev/component/bloom-add-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Bloom Add Button

# Bloom Add Button

Clean '+' icon to 'Add' expansion.

[View on Framer](https://framer.com/marketplace/components/bloom-add-button/?via=elliot-li)

![Bloom Add Button preview image 1](https://framer.elliotli.dev/og/component/bloom-add-button/ed4d9e73e0238396/1600x1200.jpg)

## Summary

Bloom Add Button Icon-to-Text Morphing: Utilizes Framer's advanced variant logic and absolute positioning for a smooth transition from a '+' icon to a text-based button.

## Description

## Bloom Add Button

-   **Icon-to-Text Morphing:** Utilizes Framer's advanced variant logic and absolute positioning for a smooth transition from a '+' icon to a text-based button.
    
-   **High-Utility Interaction:** Specifically designed for CMS list actions, such as "Add Project," "New Spec," or "Upload Draft."
    
-   **Variable-Ready:** Pre-configured with variables for icon color (like the bright green in your example), hover background color (the dark green), text color, and button text label.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #7422

## Details

- **Author**: Creatvnest | Mo
- **Price**: $4.00
- **Published**: 2026-05-07
- **Updated**: 2026-08-18
- **Added**: 2026-04-24
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow