---
title: "Filling Point — Free Framer component · Best of Framer"
description: "Free Framer component · by BuiltByKern · Buttons. Description Filling Point paints Framer CTAs from the exact pointer-enter point: three solid disks expand from a seed that touches…"
canonical: "https://framer.elliotli.dev/component/filling-point"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Filling Point

# Filling Point

A cinematic pointer-origin fill.

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

![Filling Point preview image 1](https://framer.elliotli.dev/og/component/filling-point/19678ce5a3a7d6bd/1600x1200.jpg)

## Summary

Description Filling Point paints Framer CTAs from the exact pointer-enter point: three solid disks expand from a seed that touches the nearest button border, then retract in…

## Description

A cinematic pointer-origin fill that turns every hover into a three-beat paint event.

## Description

Filling Point paints Framer CTAs from the exact pointer-enter point: three solid disks expand from a seed that touches the nearest button border, then retract in reverse. Choose Cinematic, Balanced, Snappy, or Custom enter/exit. Solid and Soft fill styles, curated color layers, touch and keyboard feedback, reduced-motion support, and a canvas-safe idle state. Zero external packages.

## Categories / tags

Components · Buttons · Calls to Action · Hover · Motion · Interaction · Editorial · Portfolio · Accessibility

## Features

-   Shared pointer-enter origin across all paint layers
    
-   Seed circumference starts at the nearest button border
    
-   Three-beat forward cascade and reverse leave
    
-   Solid and Soft fill styles (Soft = gradient wash, not blur)
    
-   Cinematic, Balanced, Snappy, and Custom motion
    
-   Configurable colors and 0–360ms layer delays
    
-   Touch, keyboard, focus-visible, and reduced-motion behavior
    
-   Difference-blend label contrast on live hover
    
-   Canvas/export idle state
    
-   Zero external dependencies
    

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

-   All · #5399

## Details

- **Author**: BuiltByKern
- **Published**: 2026-07-27
- **Updated**: 2026-09-11
- **Added**: 2026-07-27
- **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