Rimble UI

screenshot of Rimble UI
react
styled-components

React components that implement Rimble's Design System.

Overview:

Rimble UI is a react component library from the ConsenSys Design team. It aims to provide adaptable components and design standards for decentralized applications (dApps) with the goal of enhancing the user experience. Although the project is in its initial development stage and is not yet stable, it has been made public to gather feedback from the dApp community. The team is actively working on adding new components and has plans to share more information about the roadmap in the near future.

Features:

  • Export ES6 modules for tree shaking
  • Added default props for Heading component
  • Added crypto icons under the Icon component
  • Fixed various bugs related to component props and styling
  • Updated components to styled-system v5
  • Added BaseStyles component
  • Adjusted styling and enhanced accessibility for various components
  • Upgraded to storybook app and reorganized component testing app

Summary:

Rimble UI is a react component library that provides adaptable components and design standards for decentralized applications. It is currently in the initial development stage and actively seeking feedback from the dApp community. The library offers features like exportable ES6 modules, bug fixes, new components, and improved styling. It aims to enhance the user experience of building and using dApps.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.