All Projects → sohamsshah → sodium-ui

sohamsshah / sodium-ui

Licence: MIT License
Sodium is a simple, modular and customizable web component library to build elegant and accessible UI pieces for your React Application.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to sodium-ui

carbon-components-svelte
Svelte implementation of the Carbon Design System
Stars: ✭ 1,615 (+6921.74%)
Mutual labels:  component-library, ui-components, design-system, ui-library
elements
Lovingly crafted ui components based on web components. Works well with all Frameworks - including Angular, React and Vue.
Stars: ✭ 42 (+82.61%)
Mutual labels:  web-components, storybook, ui-components, design-system
bui
‹b› Web components for creating applications – built by Blackstone Publishing using lit-html and lit-element
Stars: ✭ 29 (+26.09%)
Mutual labels:  web-components, ui-components, design-system, ui-library
taiga-ui
Angular UI Kit and components library for awesome people
Stars: ✭ 2,251 (+9686.96%)
Mutual labels:  uikit, component-library, ui-components
Taiga Ui
Angular UI Kit and components library for awesome people
Stars: ✭ 1,353 (+5782.61%)
Mutual labels:  uikit, component-library, ui-components
Class101 Ui
💅A React-based UI Component Library.
Stars: ✭ 102 (+343.48%)
Mutual labels:  uikit, ui-components, ui-library
Storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Stars: ✭ 67,445 (+293139.13%)
Mutual labels:  web-components, storybook, ui-components
react-uswds
USWDS 3.0 components built in React
Stars: ✭ 108 (+369.57%)
Mutual labels:  storybook, component-library, design-system
design-systems
A list of famous design systems, design languages and guidelines
Stars: ✭ 403 (+1652.17%)
Mutual labels:  component-library, design-system, ui-library
kahi-ui
Straight-forward Svelte UI for the Web
Stars: ✭ 169 (+634.78%)
Mutual labels:  component-library, design-system, ui-library
open design system
Open Source Design System using Sketch. It's early days of my project.
Stars: ✭ 22 (-4.35%)
Mutual labels:  uikit, ui-components, design-system
clockface
UI Kit for building Chronograf
Stars: ✭ 33 (+43.48%)
Mutual labels:  uikit, storybook, component-library
Tail Kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.
Stars: ✭ 997 (+4234.78%)
Mutual labels:  uikit, component-library, ui-components
Quick Free Bootstrap Theme
Free Bootstrap 4 Theme perfect for building responsive, mobile-first projects on the web suitable for businesses, startups, and agencies.
Stars: ✭ 31 (+34.78%)
Mutual labels:  uikit, ui-components, design-system
Numl
A UI Design Language, WC UI Library, and Runtime CSS Framework for rapidly building interfaces that follow your Design System 🌈
Stars: ✭ 229 (+895.65%)
Mutual labels:  uikit, web-components, ui-components
Chakra Ui
⚡️ Simple, Modular & Accessible UI Components for your React Applications
Stars: ✭ 22,745 (+98791.3%)
Mutual labels:  uikit, ui-components, ui-library
Vant React
Lightweight 2kb Mobile UI Components built on React and TS, inspired by [email protected]://github.com/youzan/vant
Stars: ✭ 166 (+621.74%)
Mutual labels:  web-components, ui-components, ui-library
Carbon Web Components
Carbon Design System variant on top of Web Components
Stars: ✭ 171 (+643.48%)
Mutual labels:  web-components, component-library, design-system
GNUI
💅 Nordcloud's design system for SaaS products.
Stars: ✭ 21 (-8.7%)
Mutual labels:  storybook, component-library, ui-library
mijin
Tailwind CSS UI components build for Vue.js / Nuxt.js
Stars: ✭ 168 (+630.43%)
Mutual labels:  component-library, ui-components, ui-library

Material-UI logo

Sodium UI

Swiftly develop elegant React apps. Sodium is a simple, modular, customizable and of course, React(ive) web component library to build beautiful and accessible UI pieces for your React needs.


Installation

Sodium-UI is available as an npm package.

// using npm
$ npm i sodium-ui

// using yarn
$ yarn add sodium-ui

Features

  • Sodium UI has React Components that makes your life easy while developing React Apps.
  • Styling components in Sodium is quite simple and flexible to handle.
  • Resusable and Atomic Design Patterns are followed while development.
  • UI development, documentation and testing done presently using Storybook.
  • Module Bundler used for this project: rollup.js

Have a feature request? Let us know by opening an issue!

Usage

import * as React from 'react';
import ReactDOM from 'react-dom';
import {Button} from 'sodium-ui';

function App() {
  return <Button variant="primary">Hello World</Button>;
}

ReactDOM.render(<App />, document.querySelector('#app'));

Components available in Sodium-UI

Sodium-UI has all the components deployed on the Component Site that is essentially Storybook-build for developing and building React Components in isolation. If you are a user, or a developer or a tester; this site can be helpful for visualizing available components in Sodium-UI.

We love Contributions 💖

Sodium UI is truly Open Source. Any sort of contribution to this project are highly appreciated. Read the Contributing Guideline to learn more on how to setup development environment, propose bug fixes or improvements and how to build and test your changes to Sodium UI.

License

This project is licensed under the terms of the MIT license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].