---
name: "@glassyui-native"
slug: "glassyui-native"
description: "Glassy UI for Expo: 29 React Native components, drawing the system's own glass on iOS 26 and blur elsewhere."
category: "Forms"
tags: ["buttons", "cards", "forms", "glassmorphism", "loaders", "media", "mobile", "navigation", "overlays", "pro-available"]
framework: "react"
license: "MIT"
author: "alexburlis"
website: "https://glassyui.com/mobile"
github: "https://github.com/alexburlis/glassyui"
registry: "https://glassyui.com/r/native/registry.json"
pro: true
pro_url: "https://pro.glassyui.com/"
github_stars: 111
component_count: 29
generated_at: "2026-10-27T06:34:08.542Z"
---

# @glassyui-native

Glassy UI for Expo: 29 React Native components, drawing the system's own glass on iOS 26 and blur elsewhere.

## Links

- Website: https://glassyui.com/mobile
- GitHub: https://github.com/alexburlis/glassyui
- Registry JSON: https://glassyui.com/r/native/registry.json
- Directory page: https://sh4dcn.netlify.app/registry/glassyui-native
- This file: https://sh4dcn.netlify.app/md/glassyui-native.md
- Pro / pricing: https://pro.glassyui.com/

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://glassyui.com/r/native/registry.json
pnpm dlx shadcn@latest add https://glassyui.com/r/native/registry.json
bunx shadcn@latest add https://glassyui.com/r/native/registry.json
# clone the source repo
git clone https://github.com/alexburlis/glassyui.git
# fetch the raw registry index
curl -s https://glassyui.com/r/native/registry.json
```

## Components (29)

| name | type | description | install |
| --- | --- | --- | --- |
| glass-provider | registry:ui | Follows the device's appearance and accessibility settings and lets your app override them. | `npx shadcn@latest add https://glassyui.com/r/native/glass-provider.json` |
| glass-surface | registry:ui | The glass material on its own, with the backdrop Android blurs: the system’s own glass on iOS 26 and later, a lit blur elsewhere. | `npx shadcn@latest add https://glassyui.com/r/native/glass-surface.json` |
| glass-button | registry:ui | A glass button that sets down under a press and lights up from the point you press. | `npx shadcn@latest add https://glassyui.com/r/native/glass-button.json` |
| glass-panel | registry:ui | Glass cards, panels and pills for anything that floats above your content. | `npx shadcn@latest add https://glassyui.com/r/native/glass-panel.json` |
| glass-input | registry:ui | A recessed glass text field with a label and an optional hint. | `npx shadcn@latest add https://glassyui.com/r/native/glass-input.json` |
| glass-textarea | registry:ui | A recessed glass field for longer text that can grow as you type. | `npx shadcn@latest add https://glassyui.com/r/native/glass-textarea.json` |
| glass-checkbox | registry:ui | A glass checkbox whose mark draws itself in, with an indeterminate state. | `npx shadcn@latest add https://glassyui.com/r/native/glass-checkbox.json` |
| glass-radio-group | registry:ui | Options where exactly one is chosen, with a dot that pops in. | `npx shadcn@latest add https://glassyui.com/r/native/glass-radio-group.json` |
| glass-switch | registry:ui | An on/off switch whose knob turns to glass under a finger as it slides. | `npx shadcn@latest add https://glassyui.com/r/native/glass-switch.json` |
| glass-slider | registry:ui | A slider whose knob turns to glass while you drag it, for one value or a range. | `npx shadcn@latest add https://glassyui.com/r/native/glass-slider.json` |
| glass-segmented-control | registry:ui | A single-choice control whose glass bubble springs between options. | `npx shadcn@latest add https://glassyui.com/r/native/glass-segmented-control.json` |
| glass-tabs | registry:ui | Tabs whose glass bubble springs to the selected tab. | `npx shadcn@latest add https://glassyui.com/r/native/glass-tabs.json` |
| glass-badge | registry:ui | A small tinted label for status, counts and categories. | `npx shadcn@latest add https://glassyui.com/r/native/glass-badge.json` |
| glass-progress | registry:ui | A glass track with a fill that slides to its value, or sweeps when the length is unknown. | `npx shadcn@latest add https://glassyui.com/r/native/glass-progress.json` |
| glass-spinner | registry:ui | A ring with a fading tail, for waiting on something short. | `npx shadcn@latest add https://glassyui.com/r/native/glass-spinner.json` |
| glass-skeleton | registry:ui | A quiet placeholder with a slow sheen, shaped like what will replace it. | `npx shadcn@latest add https://glassyui.com/r/native/glass-skeleton.json` |
| glass-alert | registry:ui | A short message set in tinted glass, with four tones and an optional dismiss. | `npx shadcn@latest add https://glassyui.com/r/native/glass-alert.json` |
| glass-avatar | registry:ui | A round photo that falls back to coloured initials, with a presence dot and stacked groups. | `npx shadcn@latest add https://glassyui.com/r/native/glass-avatar.json` |
| glass-accordion | registry:ui | Sections that expand and collapse on glass, one at a time or several. | `npx shadcn@latest add https://glassyui.com/r/native/glass-accordion.json` |
| glass-dock | registry:ui | A row of icons on a glass shelf for an app's main destinations. | `npx shadcn@latest add https://glassyui.com/r/native/glass-dock.json` |
| glass-dialog | registry:ui | A modal on raised glass that rises into place and holds focus until it closes. | `npx shadcn@latest add https://glassyui.com/r/native/glass-dialog.json` |
| glass-sheet | registry:ui | A glass panel that slides in from an edge. Bottom sheets drag down to dismiss. | `npx shadcn@latest add https://glassyui.com/r/native/glass-sheet.json` |
| glass-toast | registry:ui | A glass notification for brief updates, announced to screen readers. | `npx shadcn@latest add https://glassyui.com/r/native/glass-toast.json` |
| glass-menu | registry:ui | A menu on glass that grows from its trigger, with checkbox and radio items. | `npx shadcn@latest add https://glassyui.com/r/native/glass-menu.json` |
| glass-select | registry:ui | A glass trigger that opens a slab of glass to choose from. | `npx shadcn@latest add https://glassyui.com/r/native/glass-select.json` |
| glass-popover | registry:ui | Floating glass content anchored to the control that opens it. | `npx shadcn@latest add https://glassyui.com/r/native/glass-popover.json` |
| glass-picker | registry:ui | A labelled glass picker: a native menu or wheel on iOS, a dropdown on Android and a select on the web. | `npx shadcn@latest add https://glassyui.com/r/native/glass-picker.json` |
| glass-swipe-row | registry:ui | A row that reveals action buttons on swipe, for iOS, Android and the web. | `npx shadcn@latest add https://glassyui.com/r/native/glass-swipe-row.json` |
| glass-card-stack | registry:ui | A swipeable card deck with Previous and Next buttons, for iOS, Android and the web. | `npx shadcn@latest add https://glassyui.com/r/native/glass-card-stack.json` |

## For AI agents

```text
You are adding components from @glassyui-native to a shadcn-compatible project.
1. Read this file (https://sh4dcn.netlify.app/md/glassyui-native.md) for the component list.
2. Fetch the machine-readable index: https://glassyui.com/r/native/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.netlify.app/json (library slug: glassyui-native).
```