Details
Live demo (English) ·
Live demo (Arabic, RTL) ·
Documentation
The component library is the product. Fifteen ui-* pages with 84 live examples, each
sitting above a Code panel holding the exact markup of the example, with a Copy button. Native elements first:
<details name> accordions, <dialog> sheets,
popover menus, scroll-snap rails, a CSS-only pricing toggle and segmented control. No jQuery, no CDN,
no icon font.
A site and a shop that prove it composes. Home, about, services and contact; a blog with article,
gallery and video posts (reading progress, table of contents, comments sheet); a shop grid with filter and sort
sheets, a product page with snap galler
The template assembly can include the following files: HTML, CSS, JavaScript, Fonts, Icons, Images.
If the description indicates otherwise, this is just an example as a template can be used.
Details
Live demo (English) · Live demo (Arabic, RTL) · Documentation The component library is the product. Fifteen ui-* pages with 84 live examples, each sitting above a Code panel holding the exact markup of the example, with a Copy button. Native elements first: <details name> accordions, <dialog> sheets, popover menus, scroll-snap rails, a CSS-only pricing toggle and segmented control. No jQuery, no CDN, no icon font. A site and a shop that prove it composes. Home, about, services and contact; a blog with article, gallery and video posts (reading progress, table of contents, comments sheet); a shop grid with filter and sort sheets, a product page with snap galler