This site is under construction.

  • Home
  • Core
  • Components
  • Installation
  • About
  • GitHub
  • NPM

Reusable-UI Core

Reusable-UI Core is a building block (framework) for making any Reusable-UI Components. It also governs the interaction between components.

This core is intended for component developers. So, if you want to create a new kind of component which is compatible with Reusable-UI Components, this core is a great starting point.

Don't have an idea to create a Reusable-UI component? Don't worry, we made a tutorial creating a Reusable-UI component for you.

Reusable-UI Configs

Stores a global confuguration to be shared between components.

  • colors config
  • borders config
  • spacers config
  • breakpoints config
  • typos config

Reusable-UI Utilities

Provides common utility functions to be shared between components, so the overall bundle size is minimal.

  • numbers utility
  • nodes utility
  • stripouts utility
  • layouts utility
  • hooks utility
  • semantics utility
  • accessibilities utility
  • validations utility
  • focuses utility
  • client-sides utility
  • navigations utility
  • animating-state utility

Reusable-UI Features

The managed css properties of the component's stylesheet.

This managed properties allow the system (framework) to override them, if needed. So the appearance is in sync with the surrounding components.

Some css properties are reserved to our system. So, please don't write them directly, in order to the system to override them.

  • background feature
  • foreground feature
  • border feature
  • ring feature
  • animation feature
  • padding feature

Reusable-UI Capabilities

The capabilities of the component appearance or behavior.

  • floatable capability
  • groupable capability

Reusable-UI Variants

The alternative appearances of the component layout without changing the component's functionality.

  • orientationable variant
  • resizable variant
  • themable variant
  • gradientable variant
  • outlineable variant
  • mildable variant
  • nudible variant
  • colorable variant
  • basic-variants variant

Reusable-UI States

The conditions of the component behavior or functionality.

  • excitable state
  • collapsible state
  • disableable state
  • activatable state
  • focusable state
  • interactable state
  • clickable state
  • active-as-click state
  • invalidable state
  • checkable state
  • validation-icon state
Support Us

Reusable-UI is open source project (ISC-licensed). It's created and maintained by single person: Hey Marco.

If you feel our lib is useful for your projects,
please make a donation to avoid our project from extinction/unmaintained.

Make a donation