Log In Sign Up

Docs

OrcaUI: Full API docs with examples for all components & utilities.
HomeDocs
The project has been completed, and we are preparing more content, which will be rolled out gradually in the near future.
Default (ID) Recently Updated Featured Most Viewed
  • Empty includes styles or states displayed for blank content or empty tags
  • The _bd or _bd-* classes represent standalone border styling (outline-like borders) that can be applied to any element. These styles support border positioning and sizing, with all _bd[-*] variants using solid borders. Unlike outline, these borders o...
  • The text formatting styles were previously scattered across CSS and native HTML tags, making them inconvenient to use. This framework has now integrated commonly used text formats into CSS, standardizing their implementation through CSS classes rathe...
  • The article tag is one of HTML5's semantic elements, and the main body of an article should be placed within this tag. This framework has optimized and improved the article tag, ensuring that its internal child elements display with excellent layout ...
  • This framework comes with a built-in icon font (iconfont). Icons can be used either by applying the _icon[-*] style classes, or by writing the main name of the icon inside the tag and then applying the icon font to that tag. The icon font library wil...
  • 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...
  • Show the development and version update history of the OrcaUI front-end framework, and publicly release the historical version numbers on this page.
  • Achieves multi-device responsiveness through various methods: width adaptation via @media min/max-width queries, adaptive styling with classes like _xxs-1/_xs-2, mobile device adaptation via @media any-hover, breakpoint configuration using breakpoint...
  • This framework can be integrated via the `use()` method before `mount`, and can be used within the `mounted` lifecycle hook.
  • This framework can be integrated both inside and outside React. It allows using WebComponent components anywhere within React, and its modules can be utilized in the useEffect hook.

New Launch: 20% Off All Products

Unlock all examples and development resources