---
title: "Minimal Keyboard — Free Framer component · Best of Framer"
description: "Free Framer component · by Harsh Arbooj · Buttons. Interactive keyboard component"
canonical: "https://framer.elliotli.dev/component/minimal-keyboard"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Minimal Keyboard

# Minimal Keyboard

Interactive keyboard component

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

![Minimal Keyboard preview image 1](https://framer.elliotli.dev/og/component/minimal-keyboard/1af81d3b212a72f0/1600x957.jpg)

## Summary

Interactive keyboard component

## Description

## Minimalistic Keyboard

A clean, realistic keyboard component designed for modern interfaces, product mockups, and interactive prototypes.

The component includes multiple variants:

-   **90% Keyboard**: Full layout with dedicated numpad for detailed desktop setups
    
-   **60% Keyboard**: Compact layout for minimal and modern compositions
    

It includes interactive hover states that transition between a light and dark keyboard appearance, adding depth and realism to your designs.

Built with flexible variants, creators can easily switch between layouts and states to match different UI concepts, landing pages, product showcases, and portfolio presentations.

### Features

-   Fully customizable Framer component
    
-   90% and 60% keyboard layout variants
    
-   Light and dark hover interaction
    
-   Clean minimal aesthetic
    
-   Suitable for SaaS, hardware, portfolio, and product design presentations
    

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

-   All · #4825

## Details

- **Author**: Harsh Arbooj
- **Published**: 2026-06-25
- **Updated**: 2026-06-25
- **Added**: 2026-06-25
- **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