---
title: "Child Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Karim Saif · Buttons. About Child Button is a clean, rounded pill-style CTA button with a satisfying hover interaction on hover, the border radius expands…"
canonical: "https://framer.elliotli.dev/component/child-button"
---

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

# Child Button

A soft pill button that morphs

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

![Child Button preview image 1](https://framer.elliotli.dev/og/component/child-button/3d6db2faf558a7dc/1600x1200.jpg)

## Summary

About Child Button is a clean, rounded pill-style CTA button with a satisfying hover interaction on hover, the border radius expands and the padding compresses inward, creating a…

## Description

**About**

Child Button is a clean, rounded pill-style CTA button with a satisfying hover interaction on hover, the border radius expands and the padding compresses inward, creating a smooth morph effect that feels tactile and refined. Designed to sit well on colorful or vibrant backgrounds.

**What it does**

On hover, the button morphs from a standard pill shape into a tighter, more compact form by simultaneously expanding the border radius and reducing the padding. The transition is smooth and subtle, giving the interaction a premium, physical feel without being distracting.

**What you can customize**

Full control from the Framer panel: button text, link, open in new tab, background color, text color, fill color, and accent color. No code needed.

**Great for (examples)**

Use it anywhere you want a button interaction that feels considered and smooth:

\* hero sections on colorful backgrounds

\* SaaS and startup landing pages

\* portfolio and personal brand sites

\* product launch pages

\* waitlist and signup CTAs

\* pricing sections

\* app download buttons

\* Framer template previews

**Share your build**

If you ship something cool with it, post it on X and tag me @[karimsaif0](https://x.com/karimsaif0), or send it over. I would love to see what you create.

**Need help?**

Questions or feedback? Reach me anytime: [karimsaif010@gmail.com](mailto:karimsaif010@gmail.com) or on X [@karimsaif0](https://x.com/karimsaif0)

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

-   All · #5622

## Details

- **Author**: Karim Saif
- **Published**: 2026-06-27
- **Updated**: 2026-06-27
- **Added**: 2026-06-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