---
title: "Droplet Reveal — Free Framer component · Best of Framer"
description: "Free Framer component · by Chiranjeev Singh · Sections. Scroll or click to open a droplet"
canonical: "https://framer.elliotli.dev/component/droplet-reveal"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Droplet Reveal

# Droplet Reveal

Scroll or click to open a droplet

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

![Droplet Reveal preview image 1](https://framer.elliotli.dev/og/component/droplet-reveal/412d7d5b6354f475/1600x893.jpg)

## Summary

Scroll or click to open a droplet

## Description

A droplet sits inline in your headline, wobbling like real water.

Scroll — or click it — and it swells open, the image eases out of its zoom, and the outline squares off into a full-bleed frame with your words still on top.

It is real curve geometry, not a rounded rectangle, so it holds its teardrop shape while small and never looks squashed on the way out.

Three text lines, each styled separately. Controls for image, zoom, typography, colours, droplet size, tip, wobble, scroll length and click.

Responsive, keyboard accessible, respects reduced motion.

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

-   All · #6856

## Details

- **Author**: Chiranjeev Singh
- **Published**: 2026-09-09
- **Updated**: 2026-09-09
- **Added**: 2026-09-09
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove