More Premium Hugo Themes Premium React Themes

Natds Js

React components library by Natura & Co. Design System

Natds Js

React components library by Natura & Co. Design System

Github Stars Github Stars: 45
Last Commit Last Commit: Sep 23, 2025 -
First Commit Created: Jan 15, 2024 -
Natds Js screenshot

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.