Natds Js screenshot

Natds Js

Updated: 23 Sep 2025
45 Stars

React components library by Natura & Co. Design System

Categories

Overview

The Natura Design System is a comprehensive set of tools and resources for designing and developing applications. It includes a library of React components, style tokens, and icons that can be used to create consistent and user-friendly interfaces. With its semantic-release feature, the design system ensures that any updates or releases are properly versioned and documented.

Features

  • semantic-release: Ensures proper versioning and documentation of updates and releases.
  • Natura Design System React Components: A library of pre-built React components for easy integration into projects.
  • Style Tokens: Includes style tokens for consistent styling across applications.
  • Icons: A collection of icons that can be used in applications.

Installation

If your project is using React and react-dom version 16.8.4 or higher, you can install the Natura Design System by following these steps:

  1. Install the natds-react package:
npm install natds-react
  1. Include the style tokens by installing the natds-themes package:
npm install natds-themes
  1. If you need icons, install the natds-icons package:
npm install natds-icons

For more detailed installation instructions and information about the package, please refer to the Natura Design System documentation.

Summary

The Natura Design System is a comprehensive toolkit for designing and developing applications. It includes a set of React components, style tokens, and icons that can be easily integrated into projects. With its semantic-release feature, updates and releases are properly versioned and documented. The Natura Design System is a valuable resource for creating consistent and user-friendly interfaces.