Shine Design
为开发者、设计师和产品经理准备的 UI 设计语言
Overview
Shine Design is an upcoming UI design language for developers, designers, and product managers. The upcoming version 2.0 will bring a more comprehensive component system and a wider range of style choices. It will also support TypeScript and output multiple versions of component libraries. The new design solution will provide visual and interactive tools, allowing for customization for different businesses. With over 30 components, Shine Design offers high-quality components that can be readily used by developers, designers, and product managers. It is compatible with major browsers like IE, Chrome, and Firefox and comes with a full suite of development and design tools, all available for free.
Features
- High-quality components: Ready-to-use components that provide rich creative options for developers, designers, and product managers.
- Cross-browser compatibility: Compatible with IE, Chrome, Firefox, and other major browsers, ensuring a unified visual experience for users.
- Full development and design tool system: A comprehensive suite of development and design tools available for free.
- Fast build: Recommended to use the Shined CLI tool for quick project setup. Simply follow the provided instructions to build your project.
- Easy to get started: Shine Design offers a wide range of components for developers. Simply refer to the component documentation to get started.
- Debugging and deployment: The integrated one-click debugging and deployment command in the quick build tool allows for easy debugging in development environment and deployment in production environment.
- Release updates: Shine Design follows the Semantic Versioning 2.0.0 standard, with frequent bug fix releases, regular compatible version updates, and significant non-cyclic major version updates.
- Help and support: Detailed component documentation is available to provide solutions to most issues. Users can also seek help through the powerful Issue feature or participate in development through contributions.
Summary
Shine Design is a UI design language targeted at developers, designers, and product managers. With its upcoming version 2.0, Shine Design introduces a comprehensive component system, a wide array of style choices, and support for TypeScript. It also provides visual and interactive design solutions and offers over 30 high-quality components. Shine Design is compatible with major browsers, provides a full development and design tool system, and can be quickly set up using the Shined CLI tool.
- 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
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- LESS
Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Styled Components
Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.
- 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.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Prism JS
PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.