---
title: "Moon Button — Free Framer component · Best of Framer"
description: "Free Framer component · by 日香理 / hikari · Buttons. The Moon Button comes in S, M, and L sizes."
canonical: "https://framer.elliotli.dev/component/moon-button"
---

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

# Moon Button

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

![Moon Button preview image 1](https://framer.elliotli.dev/og/component/moon-button/a70999a81210ce12/1600x1200.jpg)

## Summary

The Moon Button comes in S, M, and L sizes.

## Description

The Moon Button comes in S, M, and L sizes. Its variables are focused on usability as a button, allowing you to easily customize it for your intended purpose. Feel free to decompose the component and experiment with the moon background or other elements to create your own unique variations.

The soft, glowing aura and moody atmosphere make it ideal for dark-themed websites where you want to convey an emotional or atmospheric touch.

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

-   All · #4743

## Details

- **Author**: 日香理 / hikari
- **Published**: 2025-09-17
- **Updated**: 2025-09-17
- **Added**: 2025-09-10
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything