alibaba-fusion / Materials
官方精品物料仓库
Stars: ✭ 159
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Materials
Structor
Structor - React UI Builder [DEPRECATED]
Stars: ✭ 5,522 (+3372.96%)
Mutual labels: scaffold, react-components
react-scaffolder
⚡ Scaffolding tool for React
Stars: ✭ 43 (-72.96%)
Mutual labels: react-components, scaffold
Styleguide
The VTEX Design System and React component library.
Stars: ✭ 138 (-13.21%)
Mutual labels: react-components
React Stylesheet
Component based styling for your React applications
Stars: ✭ 150 (-5.66%)
Mutual labels: react-components
Fluentui
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
Stars: ✭ 12,587 (+7816.35%)
Mutual labels: react-components
Create React Component Folder
Creates react component folder structure
Stars: ✭ 139 (-12.58%)
Mutual labels: scaffold
React Live Chat Loader
Implement a live chat beacon in your React application without performance regressions.
Stars: ✭ 145 (-8.81%)
Mutual labels: react-components
Tabler React
React components and demo for the Tabler UI theme.
Stars: ✭ 1,830 (+1050.94%)
Mutual labels: react-components
Generator Standard Readme
Scaffold out a Standard Readme
Stars: ✭ 150 (-5.66%)
Mutual labels: scaffold
Extract React Types
One stop shop to document your react components.
Stars: ✭ 141 (-11.32%)
Mutual labels: react-components
React Border Wrapper
A wrapper for placing elements along div borders.
Stars: ✭ 147 (-7.55%)
Mutual labels: react-components
React Code Blocks
React code blocks and code snippet components
Stars: ✭ 135 (-15.09%)
Mutual labels: react-components
React Formik Ui
A simple component library, composed out of pure HTML form elements to make your live easier composing forms with Formik and React
Stars: ✭ 154 (-3.14%)
Mutual labels: react-components
Create React Microservice
🚀 Create highly scalable and universal React microservices/applications within seconds.
Stars: ✭ 138 (-13.21%)
Mutual labels: scaffold
Laravel Scaffold
The base for developing awesome projects
Stars: ✭ 142 (-10.69%)
Mutual labels: scaffold
Synergy
Synergy is a framework for building modular, configurable and scalable UI components for React-DOM projects
Stars: ✭ 146 (-8.18%)
Mutual labels: react-components
React Spinners Kit
A collection of loading spinners with React.js
Stars: ✭ 158 (-0.63%)
Mutual labels: react-components
Materials
Based on Fusion Components and ice.js Framework.
Setup
$ npm run setup
Develop
See Material Development Guide to learn more.
# block
$ cd blocks/ExampleBlock
$ npm install
$ npm run start
Scaffolds
Each scaffold in the scaffolds folder is generated by a configuration file .template/scaffold.json
, please do not manually modify the contents of the scaffold.
Generate scaffold command:
$ cd materials/
$ node scripts/generate.js fusion-design-pro
Batch Publish Blocks
$ cd materials/
$ node scripts/publish-blocks.js
Batch Publish Scaffolds
$ cd materials/
$ TYPE=scaffolds node scripts/publish-blocks.js
Add New Material
$ iceworks add # select block|component|scaffold|page
Publish
Generate Materials Data
$ iceworks generate
Publish Materials Data
# sync to fusion material center
$ iceworks sync
# sync to oss, will work in Iceworks
$ ACCESS_KEY_ID=xxx ACCESS_KEY_SECRET=yyy node scripts/oss/upload.js
Usage
Install Iceworks for VS Code:
Add the materials data URL to Iceworks:
https://ice.alicdn.com/assets/materials/react-materials.json
See Custom Material to learn more about how to use materials in Iceworks.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].