React Rebass is a front-end framework that was designed keeping React in mind. It is a themeable primitive UI component library for React. React Rebass is built with a Styled System. Any theme object created for the Styled System should work with Rebass. Rebass gives us flexible components by which we can easily create components according to users’ choices. It is the best choice to create prototypes and UI without needing to invest time in building a custom design system up-front.

React Rebass

Introduction & Installation Steps of React Rebass

React Rebass Basics

• Props
• Theming
• Extending
• Box Component
• Flex Component
• Text Component
• Heading Component
• Button Component
• Link Component
• Image Component
• Card Component

React Rebass Forms

• Forms Label Component
• Forms Input Component
• Forms Select Component
• Forms Textarea Component
• Forms Radio Component
• Forms Checkbox Component
• Forms Slider Component
• Forms Switch Component

React Rebass Recipes

• Flexbox Grid Component
• Flexbox Wrap Component
• Nav Bar Component
• Image Component
• Background Image Card Component
• Container Component
• Avatar Component
• Badge Component
• Rebass Nav Link Component