/OrcaUI

Orca UI is a CSS utility first component library that also gives the developer the power of component classes for an overall rapid and easy-to-manipulate developing experience.

Primary LanguageHTML

Netlify Status

Orca UI

logo

A developer friendly hybrid class based Design system

Orca UI is a CSS utility first component library which also gives the developer the power of component classes for a overall rapid and easy to manipulate developing experience.

🛠 Made with

HTML CSS3 Javascript

Installation

Include this link in your <head> tag and you are good to go

    <link rel="stylesheet" href="https://orcaui.netlify.app/styles/main.css"/>

Mobile responsive

mobile (3)

Persistent Dark Mode

dark-mode-demo

Utility classes

Orca UI comes with a wide selection of utility classes which are easy to use and remember for example

    <div class="w-100per h-100vh flex flex-col flex-space_between-center bg-white"></div>

Examples for utility classes

A glimpse of various utility classes

margin utility

font utility

Features

  • Easy to understand design system.
  • Use of best practices.
  • Simple utility class names.
  • Wide selection of CSS units to choose from.
  • Use of variables to make customization easy.

Included components

All basic components to build an awesome website are included

Support and feedback

For support or feedback, email hitesh.verma2711@gmail.com

Screenshots

Home Page

Installation

Avatar Page

🔗 Connect with me

linkedin twitter blogger