GithubHelp home page GithubHelp logo

trantung1501 / intergalactic Goto Github PK

View Code? Open in Web Editor NEW

This project forked from semrush/intergalactic

0.0 0.0 0.0 72.16 MB

Intergalactic is a constantly developing design system and library of React components.

Home Page: https://developer.semrush.com/intergalactic/

License: MIT License

Shell 0.01% JavaScript 50.90% TypeScript 33.70% CSS 9.37% HTML 6.00% Dockerfile 0.02%

intergalactic's Introduction

team's picture

codecov version downloads

Intergalactic is a constantly developing design system of React component, guidelines and UX patterns for buiding interfaces. You can explore components in our documentation website.


Features โœจ

  • 80+ components for your design (you can also find them in the Figma Community)
  • High-quality React components out of the box
  • Written in TypeScript with predictable static types
  • Whole package of design resources and development tools
  • Powerful collection of charts
  • Theme customization in every detail (coming soon)

Browser Support

  • Google Chrome
  • Mozilla Firefox
  • Opera
  • Microsoft Edge
  • Safari (two last versions)

Before you start

This repository is a single development point for all library components. Each component is a separate package located in the @semcore namespace.

You can add our components to your project using any package manager.

Installation ๐Ÿ› 

The library supports two delivery systems:

  • Package system where each individual component is a separate package
  • Release system where all components are combined in a single package

We recommend you using the release system, since it's more convenient and it reduces the risk of bundle bloat due to package duplicates. With the release system, you can also install component packages separately if you need to.

Release system

Components are installed in a single package.

Example:

npm i @semcore/ui

After the installation, all components will be available at @semcore/ui/{{ component name }}.

Package system

All components are located in the @semcore namespace in npm and are installed separately.

If the selected component is running, you must install the @semcore/core package.

Example:

npm i @semcore/button @semcore/core

@semcore/core is the basic package with which we create our components, and it contains all of the common logic of the components that is discussed below. There should be only one version of the package in the project.

How to contribute to the project

All changes, including changes by the project members, must go through a code review. We use pull requests on GitHub for this purpose. Learn more about contributing โ€บ

Contributors

Thanks to all contributors, you are so awesome! โค๏ธ

I found a bug! ๐Ÿ•ต๏ธโ€

Great job!

You always can open an issue in the repository. We'll be glad to help!

intergalactic's People

Contributors

semrush-ci-whale avatar msereniti avatar lsroman avatar j-mnizhek avatar ekrasnopolskaia avatar freeyoungstrong avatar dependabot[bot] avatar elenakhaas avatar tatana-i avatar xenozauros avatar faisne avatar evalon avatar dpodolkhov avatar bbutkov avatar svetlanamishina avatar kohver avatar ivoninskii avatar prog13 avatar adascal avatar mkarachev avatar o-ageeva-semrush avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.