Guides
From a glass demo to your own app.
Install a component, build a portfolio, and keep the result usable.
Add Liquid Glass to a React app with shadcn
Install a glass component, reproduce a complete demo, and customize the source in your own React app.
Build a liquid-glass portfolio in React
Install the free portfolio starter, add your own projects, and make its navigation and contact links yours.
Build a laptop mockup in React
Use Glass Laptop for a React mockup modeled on a MacBook Pro laptop. Add a screenshot or live screen, animate the lid, and choose black or silver.
Use glass effects without losing readability
Choose the right glass effect, understand the browser requirements, and preserve motion and transparency preferences.