Twigs
Themeable, Customisable and Fully Accessible React Component Library from SurveySparrow
Overview
The Twigs monorepo contains two packages: react-components and react-icons. The react-components package includes React UI components, while the react-icons package consists of SVG Icons built with React. This monorepo, managed with lerna, allows you to run commands from the root folder that apply to all packages within it.
Features
- React UI Components: A collection of reusable UI components for building React applications.
- SVG Icons: A package of SVG icons created with React for use in web development.
- Lerna Support: Monorepo structure supported by lerna for managing multiple packages efficiently.
- Stitches and Radix: Components in Twigs utilize Stitches and Radix for styling and functionality.
- Storybook Integration: Storybook is set up for both components and icons, providing a development view for testing.
Summary
The Twigs monorepo offers a convenient way to manage React UI components and SVG icons using lerna. With support for Storybook, Stitches, and Radix, developers can efficiently work on frontend projects within this structured environment. Installation is straightforward, and the provided commands make it easy to build, clean, and test components and icons individually or collectively.
- 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
- 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.