Liquid Glass for the web: the rim refraction, light and motion of iOS 27 glass on any rounded element. React bindings and pill tabs. MIT.
| const DESCRIPTION = |
| 8 | "Liquid Glass for the web: rim refraction, lighting and materials after iOS 27, on any element."; |
| 9 |
| 10 | export default defineApp({ |
| 11 | key: "liquid-glass", |
| 12 | name: "Liquid Glass", |
| 13 | description: DESCRIPTION, |
| 14 | permissions: ["site.serve"], |
| 15 | hosting: { default: "coline" }, |
| 16 | surfaces: { |
| 17 | home: { tier: "react", entry: "main.tsx", mobile: { tier: "tree" } }, |
| 18 | site: { |
| 19 | entry: "site.tsx", |
| 20 | title: "liquid-glass", |
| 21 | description: DESCRIPTION, |
| 22 | routes: [{ path: "/", head: { title: "liquid-glass", description: DESCRIPTION } }], |
| 23 | }, |
| 24 | }, |
| 25 | handlers: { |
| 26 | renderHome: async () => |
| 27 | ui.stack([ |
| 28 | ui.heading("liquid-glass", { level: 1 }), |
| 29 | ui.text("Open this app on desktop to try the glass.", { tone: "muted" }), |
| 30 | ]), |
| 31 | }, |
| 32 | }); |
| 33 |