---
title: "Glassdrop Input — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Liubomyr Yurchyshyn · Forms. Glass input with magnetic glow"
canonical: "https://framer.elliotli.dev/component/glassdrop-input"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Glassdrop Input

# Glassdrop Input

Glass input with magnetic glow

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

![Glassdrop Input preview image 1](https://framer.elliotli.dev/og/component/glassdrop-input/9bc2e46e34eb1b50/1600x1200.jpg)

## Summary

Glass input with magnetic glow

## Description

**✦ What's included** A Liquid Glass Input component in the same visual system as Glassdrop Buttons and Select — glass fill, backdrop blur, and the signature magnetic glow. Built as a native Framer Code Component with full keyboard and browser autofill support.

🧩 **Features**

-   Four field types — Text, Email, Password, Number
    
-   Built-in icon picker — Mail, Lock, User, Search, or None
    
-   Password visibility toggle — accessible, keyboard-reachable eye icon
    
-   Disabled state — muted, non-interactive appearance
    
-   Icon size scales automatically with your chosen font size
    

**✦ Animations** Same magnetic glow and shine as the rest of the Glassdrop system — a soft radial glow follows the cursor, plus a specular highlight and subtle moving shimmer. Disabled fields skip the animation entirely for a clear, inert look.

🎨 **Customization** Label, Type, Icon, Placeholder, Name, Required, Disabled, Font, Color, Placeholder Color, Fill, Padding — all editable directly from the properties panel.

🚀 **How to use**

1.  After purchase, copy the Component URL from your confirmation
    
2.  Paste it directly onto your Framer canvas — the component installs automatically
    
3.  Drop it inside any native Framer Form
    
4.  Edit label, type, icon, and styling from the properties panel — no code needed
    
5.  Connect your form's submit action as usual
    

⚙ **Requirements** Framer, any plan. Native Code Component — behaves like a built-in Framer element. No plugins needed.

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

-   All · #9194

## Details

- **Author**: Liubomyr Yurchyshyn
- **Price**: $5.00
- **Published**: 2026-07-31
- **Updated**: 2026-07-31
- **Added**: 2026-07-31
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from