UUI
Universal Utility-first UI Library
File Explorer
Download Latest Version (.zip)- bug_report.md
- feature_request.md
- deploy.yml
- main.yml
- dependabot.yml
- svgr.d.ts
- main.js
- manager.js
- postcss.config.js
- preview.js
- tailwind.config.js
- tsconfig.json
- webpack.config.js
- overview.png
- CHANGELOG.zh-CN.md
- CODE_OF_CONDUCT.zh-CN.md
- CONTRIBUTING.zh-CN.md
- DEPLOYMENT.md
- DEPLOYMENT.zh-CN.md
- DEVELOPMENT.md
- DEVTIPS.zh-CN.md
- GETTING_STARTED.md
- GETTING_STARTED.zh-CN.md
- INTRODUCTION.zh-CN.md
- PRINCIPLE.md
- PRINCIPLE.zh-CN.md
- README.zh-CN.md
- TESTING.md
- TESTING.zh-CN.md
- USING_CUSTOMIZE.zh-CN.md
- Accordion.tsx
- AccordionContext.tsx
- AccordionPane.tsx
- index.ts
- Breadcrumb.tsx
- index.ts
- Button.tsx
- index.ts
- Cascader.tsx
- index.ts
- Checkbox.tsx
- CheckboxGroup.tsx
- index.ts
- Collapse.tsx
- index.ts
- DateTimeDefaults.ts
- DateTimeUtils.ts
- DateUtils.ts
- TimeUtils.ts
- DatePicker.tsx
- DateRangePicker.tsx
- DateSelect.tsx
- DateTimePicker.tsx
- DateTimeRangePicker.tsx
- DateTimeShortcut.tsx
- index.tsx
- PickerButtons.tsx
- TimePicker.tsx
- TimeRangePicker.tsx
- TimeSelect.tsx
- YearMonthSelect.tsx
- AppDialog.tsx
- Dialog.tsx
- index.ts
- Drawer.tsx
- index.ts
- Icon.tsx
- IconGallery.tsx
- index.ts
- index.ts
- NumberField.tsx
- TextArea.tsx
- TextField.tsx
- CountdownLabel.tsx
- DateLabel.tsx
- index.ts
- MoneyLabel.tsx
- NumberAbbrLabel.tsx
- TimeLabel.tsx
- index.ts
- Layout.tsx
- LayoutAside.tsx
- LayoutFooter.tsx
- LayoutHeader.tsx
- LayoutMain.tsx
- LayoutNav.tsx
- index.ts
- ListBox.tsx
- index.ts
- LoadingCover.tsx
- LoadingSpinner.tsx
- index.ts
- Menu.tsx
- MenuButton.tsx
- MenuItem.tsx
- MenuSeparator.tsx
- index.ts
- Page.tsx
- PageAnnotatedSection.tsx
- PageSection.tsx
- index.ts
- PageInfo.tsx
- PageJumper.tsx
- PageList.tsx
- PageNextButton.tsx
- PagePrevButton.tsx
- PageSelector.tsx
- PageSize.tsx
- Pagination.tsx
- PaginationContext.tsx
- index.ts
- Popover.tsx
- index.ts
- ProgressBar.tsx
- index.ts
- Radio.tsx
- RadioGroup.tsx
- RadioGroupContext.tsx
- index.ts
- RightClickZone.tsx
- index.ts
- SegmentControl.tsx
- HTMLSelect.tsx
- index.ts
- Select.tsx
- index.ts
- Paragraph.tsx
- Picture.tsx
- Skeleton.tsx
- Title.tsx
- index.ts
- Slider.tsx
- index.ts
- Stepper.tsx
- index.tsx
- Switch.tsx
- index.ts
- Table.tsx
- index.ts
- Tab.tsx
- Tabs.tsx
- TabsContext.tsx
- index.ts
- Tag.tsx
- index.ts
- Toast.tsx
- Toaster.tsx
- index.ts
- Tooltip.tsx
- UUIComponentNames.ts
- UUIComponentProps.ts
- UUIComponentPropTypes.ts
- UUICustomizeAriaAttributes.ts
- UUICustomizeNode.tsx
- compileProps.ts
- mergeCustomize.tsx
- mergeProviderCustomize.ts
- mergeRefs.ts
- typeHelper.ts
- index.ts
- UUIComponent.tsx
- UUIComponentProxy.tsx
- useCacheRender.ts
- useGlobalClickAway.ts
- usePagination.ts
- usePendingValue.tsx
- arrow-right.svg
- calendar.svg
- chevron-down.svg
- chevron-left.svg
- chevron-right.svg
- chevron-up.svg
- chevrons-down.svg
- chevrons-left.svg
- chevrons-right.svg
- chevrons-up.svg
- clock.svg
- eye-off.svg
- eye.svg
- home.svg
- loader.svg
- search.svg
- spinner.svg
- Icons.tsx
- Accordion.scss
- Breadcrumb.scss
- Button.scss
- Cascader.scss
- Checkbox.scss
- CheckboxGroup.scss
- Collapse.scss
- DateTime.scss
- Dialog.scss
- Drawer.scss
- HTMLSelect.scss
- Icon.scss
- Label.scss
- Layout.scss
- ListBox.scss
- Loading.scss
- Menu.scss
- NumberField.scss
- Page.scss
- Pagination.scss
- Popover.scss
- ProgressBar.scss
- Radio.scss
- RadioGroup.scss
- RightClickZone.scss
- SegmentControl.scss
- Select.scss
- Skeleton.scss
- Slider.scss
- Stepper.scss
- Switch.scss
- Table.scss
- Tabs.scss
- Tag.scss
- TextArea.scss
- TextField.scss
- Toaster.scss
- Tooltip.scss
- base.scss
- components.scss
- global.scss
- index.scss
- mixins.scss
- normalize.scss
- variables.scss
- componentHelper.ts
- createGroupedComponent.ts
- createPropTypes.ts
- dateFormatter.ts
- keyboardHelper.tsx
- moneyHelper.ts
- numberHelper.ts
- ReactHelper.tsx
- timeFormatter.ts
- useFocus.tsx
- index.ts
- UUIProvider.tsx
- cookies.png
- cookies.svg
- donuts.png
- donuts.svg
- email.svg
- hotdog.png
- hotdog.svg
- pudding.png
- pudding.svg
- strawberry.png
- strawberry.svg
- sushi.png
- sushi.svg
- Accordion.stories.mdx
- Breadcrumb.stories.mdx
- Button.stories.mdx
- Cascader.stories.mdx
- Checkbox.stories.mdx
- DateTime.stories.mdx
- Dialog.stories.mdx
- Drawer.stories.mdx
- Form.stories.mdx
- Form.stories.tsx
- Icon.stories.mdx
- Icon.stories.tsx
- Input.stories.mdx
- Label.stories.mdx
- Layout.stories.mdx
- Layout.stories.tsx
- ListBox.stories.mdx
- Loading.stories.mdx
- Menu.stories.mdx
- Overview.stories.mdx
- Page.stories.mdx
- Pagination.stories.mdx
- Popover.stories.mdx
- ProgressBar.stories.mdx
- Radio.stories.mdx
- RightClickZone.stories.mdx
- SegmentControl.stories.mdx
- Select.stories.mdx
- Skeleton.stories.mdx
- Slider.stories.mdx
- Stepper.stories.mdx
- Switch.stories.mdx
- Table.stories.mdx
- Tabs.stories.mdx
- Tag.stories.mdx
- Toast.stories.mdx
- Toast.stories.tsx
- Tooltip.stories.mdx
- ComponentsCombination.stories.mdx
- ComponentsCombination.stories.tsx
- Contributing.stories.mdx
- Deployment.stories.mdx
- DevTips.stories.mdx
- Principle.stories.mdx
- Changelog.stories.mdx
- GettingStarted.stories.mdx
- Introduction.stories.mdx
- UsingCustomize.stories.mdx
- Welcome.stories.mdx
- CustomizeDemoStepper.scss
- storybook.scss
- tailwind.css
- uui.scss
- ComponentComparator.tsx
- PreviewBox.tsx
- UUIProvider.test.tsx.snap
- .gitkeep
- UUIComponent.test.tsx.snap
- UUIComponentProxy.test.tsx.snap
- UUIComponent.test.tsx
- UUIComponentProxy.test.tsx
- UUIProvider.test.tsx
- svgr.d.ts
- .eslintignore
- .eslintrc.js
- .gitignore
- .nvmrc
- .svgrrc.js
- babel.config.js
- CHANGELOG.md
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- jest.config.js
- LICENSE
- package.json
- README.md
- rollup.config.js
- tsconfig.json
- yarn.lock
# Installation Guide
1. Get the code
git clone https://github.com/HackPlan/UUI
Downloads the entire project code from GitHub to your computer.
cd UUI
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install @hackplan/uui --save
Downloads and installs the libraries listed in package.json.
yarn add @hackplan/uui
Type this command into your terminal and run it.
yarn
Downloads and installs the libraries listed in package.json.
yarn storybook
Type this command into your terminal and run it.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)
