iOS 26 Liquid Glass First Look 🪟✨

A stunning demonstration of iOS 26-inspired liquid glass effects built with Expo and React Native. This app showcases the future of mobile UI design with glassmorphism, dynamic reflections, and smooth animations.

Features

• Liquid Glass Effects: Beautiful glassmorphism with expo-glass-effect
• Interactive Components: Glass buttons, toggles, and cards with haptic feedback
• Modern Design: iOS 26-inspired aesthetics with adaptive colors
• Smooth Animations: 60fps glass transitions and reflections
• Comprehensive Demo: Multiple screens showcasing different glass effects
• Responsive Layout: Optimized for both light and dark modes

Glass Components

• GlassButton - Interactive buttons with glass effects
• GlassToggle - Smooth toggle switches with glass styling
• GlassCard - Versatile cards with multiple variants
• GlassTabBar - Custom tab bar with glass blur effects

Get started

1. Install dependencies

   npm install

2. Start the app

   npx expo start

In the output, you'll find options to open the app in a

• development build
• Android emulator
• iOS simulator
• Expo Go, a limited sandbox for trying out app development with Expo

You can start developing by editing the files inside the app directory. This project uses file-based routing.

Get a fresh project

When you're ready, run:

npm run reset-project

This command will move the starter code to the app-example directory and create a blank app directory where you can start developing.

Learn more

To learn more about developing your project with Expo, look at the following resources:

• Expo documentation: Learn fundamentals, or go into advanced topics with our guides.
• Learn Expo tutorial: Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.

Join the community

Join our community of developers creating universal apps.

• Expo on GitHub: View our open source platform and contribute.
• Discord community: Chat with Expo users and ask questions.