Back
Join now
About

Popular Tags

  • react
  • typescript
  • ui-components
  • react-components
  • shadcn-ui
  • tailwind
  • llm
  • open-source
  • open-source-coding-agent
  • ai-agents

Top Sources

  • github.com
  • 1771technologies.com
  • 21st.dev
  • abui.io
  • activepieces.com
  • ai-sdk.dev
  • alchemy.run
  • altsendme.com
  • animate-ui.com
  • ant.design

Browse by Type

  • Tools
  • Code
bookmrks.io - Discovery, refined.
Website faviconglass-ui.crenspire.com

Glass UI - Modern Component Library for React

Glass UI is a component library offering customizable liquid glass components inspired by Apple's design language.

craft
Summary

Glass UI is a modern component library that provides over 50 liquid glass components inspired by Apple’s design language. It serves as a drop-in replacement for shadcn/ui, featuring components designed with blur, depth, and translucency to create visually appealing interfaces.

Key features:

  • 40+ Components - Includes buttons, cards, dialogs, selects, tabs, and more, all optimized for a glass-like appearance.
  • Four Distinct Variants - Each component is available in Glass, Frosted, Fluted, and Crystal styles, adapting automatically to the chosen variant.
  • Fully Customizable - Users can adjust blur, transparency, color, and glow for each component using simple props or CSS variables.
  • Dark Mode Support - The library includes a dark theme option for enhanced user experience.
  • Accessibility - Built on Radix UI primitives, ensuring full keyboard navigation and screen reader support.

Developers can easily integrate the library into any Next.js project, whether by installing a single component or the entire library.

Comments
No comments yet. Sign in to add the first comment!
Tags
  • design-system
    1
  • prototyping
    1
  • react
    1
  • shadcn-ui
    1
  • tailwind
    1
  • ui-components
    1
  • ui-design
    1