GlassKit UI: Open-Source React Component Library for Meta Ray-Ban Display Web Apps
By
Jeries Nasrawi
Summary
GlassKit UI is an open-source (MIT) React component library designed specifically for building web apps on Meta Ray-Ban Display glasses. Created by Jeries, it provides 44 components, a spatial focus engine, and history-aware navigation tailored to the unique constraints of the 600x600 lens display with D-pad and pinch-back gesture inputs. Notably, it's built for AI agent integration, featuring CLI tools for briefing Claude/Cursor on platform rules, an MCP server, and an llms.txt file, with a shadcn-style registry for vendor-owned source code.
Source
Product HuntGlassKit UI: Open-Source React Component Library for Meta Ray-Ban Display Web Appsproducthunt.comKey quotes
· 4 pulledMeta opened web apps on the Display but shipped no UI layer, and it's a strange target: a fixed 600x600 lens, a D-pad plus a pinch-back gesture as the only input, no keyboard/camera/mic.
GlassKit is 44 components, a spatial focus engine, and history-aware navigation built for exactly that.
The exciting part: it's built for AI agents.
npx @glasskit-ui/cli agents briefs Claude/Cursor on the platform rules, there's an MCP server and an llms.txt, and a shadcn-style registry you vendor
You might also wanna read
GPUI-Component: Rust GUI Library for Cross-Platform Desktop Applications
The article introduces gpui-component, a Rust GUI component library for building cross-platform desktop applications using GPUI. It features
github.com·20d agoGPUI-Component: Rust GUI Library for Cross-Platform Desktop Applications
The article introduces gpui-component, a Rust GUI component library for building cross-platform desktop applications using GPUI. It features
github.com·20d ago
LiftKit: Open-Source UI Framework Based on Golden Ratio Design Principles
LiftKit is an open-source UI framework and design system developed by Chainlift, based on the golden ratio for creating beautiful, harmoniou
chainlift.io·4mo ago
Recreating Apple's Liquid Glass Effect with CSS, SVG Displacement Maps, and Refraction Calculations
This article provides a hands-on technical tutorial on recreating Apple's Liquid Glass UI effect (introduced at WWDC 2025) using web technol
kube.io·9mo ago
OpenAI Releases ChatKit: Framework for Building AI-Powered Chat Interfaces
ChatKit is a comprehensive JavaScript framework from OpenAI for building AI-powered chat interfaces. It's designed as a drop-in solution tha
github.com·9mo ago
React Bits - Animated UI Components For React
reactbits.dev·2d ago
AI Design and Code Generator for React Components
UIImagine is an AI design and code generator that creates React components based on text prompts or screenshots. Users can describe the UI c
Prototypr
Comments
Sign in to join the conversation.
No comments yet. Be the first.