Less

Pagination is not packaged as a component because different systems use pagination in various ways. Designing pagination with native HTML and CSS allows flexible combination of pagination elements for different scenarios. These elements include 'prev...

Breadcrumb (or 'crumb' for short) navigation visually displays the hierarchical position of the current page within a website's structure, enabling users to quickly navigate back to parent pages or homepage - similar to Windows file directory paths. ...

This framework resets the styles of some commonly used native HTML elements to align with the framework's design language. While it overrides default element styles, it preserves their core functionality and ensures accessibility compliance, avoiding...

Universal webpage header with adaptive width, capable of accommodating logos, navigation, menus, search bars, buttons, etc.

The footer of a website is the least prominent area of a webpage, typically used to display disclaimers or contact information. OrcaUI's footer component comes with built-in sub-elements for users to combine, including icon button groups, auxiliary n...

The grade menu is a simplified version of the Menu module. Unlike typical components or modules, grade is built with native CSS+HTML, allowing users to insert custom content while preserving its core structure, and can be integrated into custom modul...

Both post and bullet are sub-components that form image-text lists. A post primarily emphasizes images or image collections, highlighting the role of visuals in information presentation – though it can also display multi-line text without images. For...

The tag element can be used individually, or wrapped with tags container to uniformly configure appearance (color, size, and border styles). Both tag and tags serve as foundational components for the Tags module.

Pure CSS table component with multiple style variations, supporting basic frozen headers and side columns

The comment list is purely CSS-defined and can be integrated into any component or module, with full responsive support across all devices.

The legend style component is primarily used as a small decorative image and can be placed in any component or module. It includes rep=disk, rep=cube, and rep=image.

The poster component defines a cover image for post lists and card lists. It is purely styled with CSS.