iOS Glass Button

iOS 26 liquid glass button with frosted blur, specular highlight and soft shadow for photo or gradient backdrops.

#button #ios #glass #blur

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

IOSGlassButtonProps

Also accepts all props of React.ComponentProps<"button">

Prop	Type	Default	Description
tint	`string`	—	Optional CSS color mixed into the glass

Install

$ npx shadcn@latest add https://chromotion.dev/r/ios-glass-button.json

More like this

Liquid Glass Button

Frosted-glass button with backdrop blur, translucent fill, hairline border and a glowing top highlight.

Native Button

iOS/macOS-feel button with hairline ring, soft shadow and a subtle press scale.

iOS Capsule Button

iOS capsule button with filled, tinted, gray and plain styles in three sizes and a custom tint.