Blanc UI

Fully unstyled :nail_care: lightweight :leaves: user interface environment :hammer_and_wrench:
:construction: Progress: 60% :chart_with_upwards_trend:
While package is in dev – self-written documentation now available only on russian and partially, sorry :smiling_face_with_tear:

Features

• :package: Only small utility client deps - all components are self-written.
• :rainbow: Agnostic restyle ability.
• :relieved: No worries about using modal windows, notifies and z-index dropdown problems - it includes full environment for better render control experience.
• :open_book: No repeatable components. Only basic, with cookbook to create one from another.

Installation

Bash into root folder of your project:

npm install blanc-ui@latest

Add base styles to your root file:

import 'blanc-ui/react/css'
/** or */
import 'blanc-ui/vue/css'

Then initialize plugins or providers you need to use and build your own components.

Links

:notebook: Available Writable Documentation

:calendar: Release Notes

Progress Details

Vue Ui Kit

Vue Storybook

Components

| name | status | documentation | |---|---|---| | accordion | ready | storybooked | | button | ready | storybooked | | button group | ready | storybooked | | checkbox | ready | storybooked | | dropdown | ready | storybooked | | input | ready | storybooked | | modal | ready | storybooked | | table | ready | storybooked | | textarea | ready | storybooked | | toast | ready | storybooked | | radio group | ready | storybooked | | radio | ready | storybooked | | icon | ready | storybooked | | calendar | in progress | storybooked | | select | in progress | storybooked | | spoiler | ready | storybooked | | datepicker | to do | to do |

Plugins

| name | status | documentation | |---|---|---| | iconify | ready | to do | | notify | ready | storybooked | | eventBus | ready | documenting | | view-layers | ready | storybooked |

React Ui Kit

React Storybook

components

| name | status | documentation | |---|---|---| | accordion | ready | storybooked | | button | ready | storybooked | | button group | ready | storybooked | | checkbox | ready | storybooked | | dropdown | backlog | backlog | | input | ready | storybooked | | modal | ready | storybooked | | table | testing | storybooked | | textarea | ready | storybooked | | toast | ready | storybooked | | radio group | backlog | backlog | | radio | backlog | backlog | | select | backlog | backlog | | spoiler | ready | storybooked | | icon | ready | storybooked | | calendar | backlog | backlog | | datepicker | backlog | backlog |

providers

| name | status | documentation | |---|---|---| | iconify | ready | to do | | eventBus | backlog | backlog | | notify | ready | storybooked | | view-layers | ready | storybooked |