Intergalactic
Intergalactic Design System is a constantly developing design system and library of React components.
Overview:
Intergalactic is a constantly developing design system of React components, guidelines, and UX patterns for building interfaces. It provides over 80 components for design, high-quality React components out of the box, and is written in TypeScript with predictable static types. It also offers a whole package of design resources and development tools, a powerful collection of charts, and theme customization in every detail. Intergalactic supports various browsers including Google Chrome, Mozilla Firefox, Opera, Microsoft Edge, and Safari.
Features:
- 80+ components for your design: Intergalactic offers a wide range of components for designing interfaces.
- High-quality React components out of the box: The React components provided by Intergalactic are of high quality and ready to use.
- Written in TypeScript with predictable static types: The design system is written in TypeScript, ensuring predictable static types and enhancing development process.
- Whole package of design resources and development tools: Intergalactic provides a comprehensive package of design resources and development tools for easier development process.
- Powerful collection of charts: The design system includes a powerful collection of charts for data visualization.
- Theme customization in every detail: Intergalactic allows customization of themes in every detail, providing flexibility in design.
- Browser Support: Intergalactic supports popular browsers including Google Chrome, Mozilla Firefox, Opera, Microsoft Edge, and Safari.
Release system:
- Install the library using the package manager.
- After installation, all components will be available at
@semcore/ui/{{ component name }}.
Package system:
- 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
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- 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.
- Storybook
Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
