github.com/huge-pancake/tiny-material ↗
A extensible Web Components library, with Material Design 3 components pre-provided.
Open this visualization on its own page →
Contributors
1
Lines of Code
443
From
2022-07-12
To
2022-08-19
About huge-pancake/tiny-material
Seele is a Web Components library built with TypeScript that provides a foundation for creating extensible, accessible UI components. The library comes with pre-built Material Design 3 components styled according to Material You design guidelines, making it suitable for modern web applications that want to follow Google's latest design standards. Components are used like standard HTML elements once imported and can be customized through CSS variables for theming.
The library prioritizes accessibility and keyboard control as core features, recognizing these as essential for inclusive user experiences. It leverages modern web standards including ElementInternals, Constructable Stylesheets, and CSS pseudo-selectors like :dir() and :state(), which means it requires relatively recent browser versions—Chromium 125 and above or Firefox 126 and higher. The project is actively maintained with documentation and live demos available online, and the developers have published a public roadmap indicating ongoing development and planned improvements.