OrcaUI - The Power of Simplicity,Native Compatibility,Components as Tags,Zero-Dependency,Efficient Development.

Latest Updates

Twilight Component

The twilight component enables global dark mode switching for the entire page, and also supports localized dark mode toggling.

Basic Component 1 month ago
Step Component

The step component can implement both historical progress trackers and operational progress indicators in step-bar format.

Navigation Component 1 month ago
Step Component: How to Use Data and Customize Styles

The step component can implement both historical progress trackers and operational progress indicators in step-bar format.

Examples Component 1 month ago
Status Component

The status indicator displays system states, such as: new messages in current tasks, section notifications, error alerts, or warning prompts in content blocks.

Data Component 1 month ago
Spinner & Loading

SPIN is a static buffer, indicating that data or resources are being loaded, prompting the user to wait; this buffer supports multi-subject colors and dark mode inversion.

Data Component 1 month ago
Search Component

The search component implements common search form fields, supports nesting various custom form fields, and features autocomplete functionality.

Form Component 1 month ago
Result Component

The result component is the final evolved form of a buffer. It can display four types of outcomes: info, success, error, and warning, presented either as SVG animations or static icons.

Data Component 1 month ago
Rate Library: Display Variations, Events, and Method Examples

The Rate component enables star-based rating systems with half-star precision and supports custom icons/images for flexible visual styling.

Examples Library 1 month ago
Rate Library

The Rate component enables star-based rating systems with half-star precision and supports custom icons/images for flexible visual styling.

Form Library 1 month ago

Target Users

UI/UX Designers
Copy-paste ready components to visualize ideas faster.

All components include parameter examples and CSS variables for easy customization through Class/Style attributes. OrcaUI delivers fast results with minimal JavaScript as intended.

Get Started
Small Business Owners
Launch projects faster with ready-to-use components.

OrcaUI's ready-to-use components enable one backend engineer to complete projects faster, eliminating team coordination costs and delays.

Get Started
Frontend Engineers
Extend standalone or integrate with React/Vue.

OrcaUI uses native tech with no dependencies for easy integration. Its modern standards deliver powerful features efficiently, backed by clear API docs.

Get Started

Features

Native Standards

Built with native technology, zero dependencies, and compatible with frameworks like React and Vue.
Ready-to-Use

Every component parameter comes with live examples - just copy and run the code.
Open Source

Released under MIT license, fully open for research, customization and commercial use.
Responsive Design

Single codebase adapts to all devices with dark mode support.
Multilingual

Optimized for Latin, Chinese, Japanese, Korean, Arabic and other scripts with proper typography.
Mobile-First

Touch-optimized for small screens while maintaining mouse precision.

Button
Input
Checkbox

Create a Button

Built with WebComponent, modify states through attributes
Supports theme, size, mean, icon and other properties
Create a Input

Built with WebComponent, modify states through attributes
Supports label, icon, tools, placeholder and other properties
Create a Checkbox Group

Built with WebComponent, modify states through attributes
Supports type, label, check, disabled and other properties

Examples

20~60
WA CH https://unpkg.com/@codady/resource/image/avatar07.jpg https://unpkg.com/@codady/resource/image/avatar08.jpg
- 824
- 154
- 69
Europe’s hottest city battles to keep its cool as tourists arrive for another scorching summer

Climbing to the top of the Acropolis of Athens, the birthplace of democracy, has always been a feat for the brave. Never more so, perhaps, than in recent summers when the city has sweated through long and perilous heatwaves.

362 CNN July 18, 2024
Name:

Note: Maximum 10 characters

Travel:

City

Country

Avatar:

Lee
The oldest material found in the Solar System is dated to 4.5682 Ga (billion years) ago.By 4.54±0.04 Ga the primordial Earth had formed. Formation

Earth's atmosphere and oceans were formed by volcanic activity and outgassing. Water vapor from these sources condensed into the oceans, augmented by water and ice from asteroids, protoplanets, and comets. Sufficient water to fill the oceans may have been on Earth since it formed. After formation
Chemical reactions led to the first self-replicating molecules about four billion years ago. Earth's expected long-term future is tied to that of the Sun.

New Launch: 20% Off All Products