gluestack-style
Universal and Performant Styling library for React Native, Next.js, Expo & React
파일 탐색기
최종 버전 다운로드 (.zip)- config.json
- README.md
- auto-assign-issue.yml
- auto-assign-pr.yml
- lighthouse.yml_old
- main.yml_old
- release.yml
- testing.yml_old
- trigger-update-docs.yml
- .gitignore
- commit-msg
- pre-commit
- settings.json
- adaptive-icon.png
- favicon.png
- icon.png
- splash.png
- Button.tsx
- index.tsx
- styled.config.ts
- .gitignore
- app.json
- App.web.tsx
- babel.config.js
- Button.tsx
- gluestack-style.config.ts
- gluestack-ui.config.ts
- index.js
- metro.config.js
- package.json
- tsconfig.json
- webpack.config.js
- adaptive-icon.png
- favicon.png
- icon.png
- splash.png
- index.tsx
- index.ts
- index.ts
- App.tsx
- .gitignore
- app.json
- App.tsx
- babel.config.js
- gluestack-style.config.ts
- gluestack-ui.config.ts
- index.js
- metro.config.js
- package.json
- tsconfig.json
- webpack.config.js
- _layout.tsx
- index.tsx
- two.tsx
- +html.tsx
- [...missing].tsx
- _layout.tsx
- modal.tsx
- SpaceMono-Regular.ttf
- adaptive-icon.png
- favicon.png
- icon.png
- splash.png
- StyledText-test.js
- EditScreenInfo.tsx
- ExternalLink.tsx
- StyledText.tsx
- Themed.tsx
- Colors.ts
- .gitignore
- app.json
- babel.config.js
- gluestack-ui.config.ts
- metro.config.js
- package-lock.json
- package.json
- tsconfig.json
- webpack.config.js
- logo.png
- GuestLayout.jsx
- _app.jsx
- _document.js
- index.js
- nativebase-logo.svg
- nextjs-logo.png
- favicon.ico
- vercel.svg
- globals.css
- .eslintrc.js
- .gitignore
- .nvmrc
- app.json
- babel.config.js
- gluestack-style.config.ts
- next-env.d.ts
- next.config.js
- package.json
- README.md
- tsconfig.json
- assets.json
- doctools.js
- main.js
- preview.js
- storybook.requires.js
- Storybook.tsx
- main.js
- preview-head.html
- preview.js
- theme.js
- settings.json
- Box.test.js.snap
- Button.test.js.snap
- Checkbox.test.js.snap
- Box.test.js
- Button.test.js
- Button.tsx
- Checkbox.test.js
- adaptive-icon.png
- favicon.png
- icon.png
- logos_mastercard.png
- splash.png
- BabelResolverSteps.png
- BabelResolverStepsdark.png
- PerformanceScreenshot.png
- PerformanceScreenshot1.png
- architecture.png
- themed.png
- index.stories.mdx
- index.stories.mdx
- index.stories.mdx
- AsForwarder.stories.tsx
- AsForwarder.tsx
- index.stories.mdx
- ColorMode.stories.tsx
- ColorMode.tsx
- index.stories.mdx
- CompoundVariants.tsx
- CompoundVarinats.stories.tsx
- config.tsx
- ContextBasedStyles.stories.tsx
- ContextBasedStyles.tsx
- index.stories.mdx
- ExtendComponents.stories.tsx
- ExtendComponents.tsx
- MultipleProvider.stories.tsx
- MultipleProvider.tsx
- index.stories.mdx
- config.tsx
- index.stories.mdx
- PlatformBasedStyles.stories.tsx
- PlatformBasedStyles.tsx
- index.stories.mdx
- PropertyResolver.stories.tsx
- PropertyResolver.tsx
- index.stories.mdx
- PropsPassing.stories.tsx
- PropsPassing.tsx
- config.tsx
- index.stories.mdx
- ResponsiveStyles.stories.tsx
- ResponsiveStyles.tsx
- ButtonStateProps.stories.tsx
- ButtonStateProps.tsx
- config.tsx
- index.stories.mdx
- index.stories.mdx
- UtilityFunctions.stories.tsx
- UtilityFunctions.tsx
- index.stories.mdx
- BaseStyleVariantSizes.stories.tsx
- BaseStyleVariantSizes.tsx
- config.tsx
- index.stories.mdx
- BabelResolverSteps-old.png
- BabelResolverSteps.png
- PerformanceScreenshot.png
- nb.config.ts
- Wrapper.tsx
- index.stories.mdx
- index.stories.mdx
- index.stories.mdx
- index.stories.mdx
- config.ts
- index.stories.mdx
- themes.stories.tsx
- themes.tsx
- index.stories.mdx
- index.stories.mdx
- index.stories.mdx
- index.stories.mdx
- index.stories.mdx
- index.stories.mdx
- index.stories.mdx
- breakPointValue.tsx
- index.stories.mdx
- useBreakPointValue.stories.tsx
- index.stories.mdx
- index.stories.mdx
- useMedia.stories.tsx
- useMedia.tsx
- index.stories.mdx
- index.stories.mdx
- index.stories.mdx
- index.stories.mdx
- index.stories.mdx
- index.stories.mdx
- 1.png
- 2.png
- 3.png
- Animation.stories.tsx
- AnimationPlugin.tsx
- index.stories.mdx
- CSSVariables.stories.tsx
- CSSVariables.tsx
- index.stories.mdx
- CustomFontMapper.tsx
- FontsPlugin.stories.tsx
- FontsPlugin.tsx
- index.stories.mdx
- index.stories.mdx
- index.tsx
- .gitignore
- .npmignore
- .nvmrc
- app.json
- App.tsx
- babel.config.js
- CHANGELOG.md
- do.sh
- index.js
- jest.config.js
- junit.xml
- metro.config.js
- package.json
- README.md
- removestyle.js
- testcodeshift.js
- transformer.js
- tsconfig.json
- utils.ts
- webpack.config.js_old
- image1.png
- image10.png
- image11.png
- image12.png
- image13.png
- image14.png
- image15.png
- image16.png
- image17.png
- image18.png
- image2.png
- image3.png
- image4.png
- image5.png
- image6.png
- image7.png
- image8.png
- image9.png
- adaptive-icon.png
- favicon.png
- icon.png
- splash.png
- Backdrop.tsx
- Content.tsx
- DragIndicator.tsx
- FlatList.tsx
- Icon.tsx
- index.tsx
- IndicatorWrapper.tsx
- Item.tsx
- ItemText.tsx
- Root.tsx
- ScrollView.tsx
- SectionHeaderText.tsx
- SectionList.tsx
- VirtualizedList.tsx
- index.tsx
- Icon.tsx
- index.tsx
- Root.tsx
- Text.tsx
- index.tsx
- Backdrop.tsx
- Body.tsx
- CloseButton.tsx
- Content.tsx
- Footer.tsx
- Header.tsx
- index.tsx
- Root.tsx
- index.tsx
- Badge.tsx
- FallbackText.tsx
- Group.tsx
- Image.tsx
- index.tsx
- Root.tsx
- index.tsx
- Icon.tsx
- index.tsx
- Root.tsx
- Text.tsx
- index.tsx
- index.tsx
- Root.tsx
- index.tsx
- Group.tsx
- GroupHSpacer.tsx
- GroupVSpacer.tsx
- Icon.tsx
- index.tsx
- Root.tsx
- Spinner.tsx
- Text.tsx
- index.tsx
- index.tsx
- Root.tsx
- index.tsx
- Group.tsx
- Icon.tsx
- index.tsx
- Indicator.tsx
- Label.tsx
- Root.tsx
- Root.web.tsx
- index.tsx
- index.tsx
- Root.tsx
- index.tsx
- Icon.tsx
- index.tsx
- Label.tsx
- Root.tsx
- index.tsx
- Error.tsx
- ErrorIcon.tsx
- ErrorText.tsx
- Helper.tsx
- HelperText.tsx
- index.tsx
- Label.tsx
- LabelAstrick.tsx
- LabelText.tsx
- Root.tsx
- index.tsx
- index.tsx
- index.tsx
- Root.tsx
- index.tsx
- index.tsx
- Root.tsx
- Spacer.tsx
- index.tsx
- Add.tsx
- Alert.tsx
- Arrow.tsx
- AtSign.tsx
- Bell.tsx
- Calendar.tsx
- Check.tsx
- Chevron.tsx
- Circle.tsx
- Clock.tsx
- Close.tsx
- CodeBlock.tsx
- ColorLine.tsx
- ColorPalette.tsx
- Copy.tsx
- DarkTheme.tsx
- Delete.tsx
- Dismiss.tsx
- Download.tsx
- Earth.tsx
- Edit.tsx
- Eye.tsx
- Favourite.tsx
- Globe.tsx
- Grid.tsx
- Grip.tsx
- Hamburger.tsx
- Help.tsx
- index.tsx
- Info.tsx
- Link.tsx
- Loader.tsx
- Lock.tsx
- Mail.tsx
- Menu.tsx
- Message.tsx
- Minus.tsx
- Moon.tsx
- NavigationUnread.tsx
- Notification.tsx
- Open.tsx
- Options.tsx
- Paperclip.tsx
- Phone.tsx
- Play.tsx
- Plugin.tsx
- Plus.tsx
- Question.tsx
- Remove.tsx
- Repeat.tsx
- Resize.tsx
- Responsive.tsx
- Root.tsx
- ScaleFill.tsx
- Search.tsx
- Settings.tsx
- Share.tsx
- Slash.tsx
- Social.tsx
- Star.tsx
- Sun.tsx
- Theme.tsx
- ThreeDots.tsx
- Ticket.tsx
- Trash.tsx
- TypeScript.tsx
- Unlock.tsx
- Warning.tsx
- WarningOutline.tsx
- WeatherMoon.tsx
- WindowHeader.tsx
- index.tsx
- Root.tsx
- index.tsx
- FallbackText.tsx
- index.tsx
- Root.tsx
- index.tsx
- Icon.tsx
- index.tsx
- Input.tsx
- Root.tsx
- index.tsx
- index.tsx
- Root.tsx
- Text.tsx
- index.tsx
- Backdrop.tsx
- Content.tsx
- Group.tsx
- GroupTitle.tsx
- index.tsx
- Item.tsx
- Item.web.tsx
- ItemLabel.tsx
- ItemOption.tsx
- ItemOptionIndicator.tsx
- ItemOptionLabel.tsx
- OptionsGroup.tsx
- Root.tsx
- Trigger.tsx
- index.tsx
- Backdrop.tsx
- Body.tsx
- CloseButton.tsx
- Content.tsx
- Footer.tsx
- Header.tsx
- index.tsx
- Root.tsx
- index.tsx
- Arrow.tsx
- Backdrop.tsx
- Body.tsx
- CloseButton.tsx
- Content.tsx
- Footer.tsx
- Header.tsx
- index.tsx
- Root.tsx
- index.tsx
- index.tsx
- Root.tsx
- index.tsx
- FilledTrack.tsx
- index.tsx
- Root.tsx
- index.tsx
- index.tsx
- Group.tsx
- Icon.tsx
- index.tsx
- Indicator.tsx
- Label.tsx
- Root.tsx
- Root.web.tsx
- index.tsx
- Icon.tsx
- index.tsx
- Input.tsx
- Root.tsx
- Trigger.tsx
- Backdrop.tsx
- Content.tsx
- DragIndicator.tsx
- FlatList.tsx
- Icon.tsx
- index.tsx
- IndicatorWrapper.tsx
- Item.tsx
- ItemText.tsx
- Root.tsx
- ScrollView.tsx
- SectionHeaderText.tsx
- SectionList.tsx
- VirtualizedList.tsx
- index.tsx
- FilledTrack.tsx
- index.tsx
- Root.tsx
- Thumb.tsx
- ThumbInteraction.tsx
- Track.tsx
- index.tsx
- index.tsx
- Root.tsx
- index.tsx
- index.tsx
- index.tsx
- Root.tsx
- index.tsx
- index.tsx
- Root.tsx
- Tab.tsx
- TabIcon.tsx
- TabList.tsx
- TabPanel.tsx
- TabPanels.tsx
- TabTitle.tsx
- index.tsx
- index.tsx
- Root.tsx
- index.tsx
- index.tsx
- Input.tsx
- Root.tsx
- index.tsx
- Description.tsx
- index.tsx
- Root.tsx
- Title.tsx
- index.tsx
- Content.tsx
- index.tsx
- Root.tsx
- index.tsx
- index.tsx
- Root.tsx
- Spacer.tsx
- index.tsx
- index.ts
- index.ts
- HeaderTabs.tsx
- HomestayLogo.tsx
- ToggleMode.tsx
- UserProfile.tsx
- HomestayInformationFold.tsx
- ListYourPlaceModal.tsx
- MainContent.tsx
- MainContentHeader.tsx
- NewThisWeekFold.tsx
- AmenitiesSection.tsx
- BookingOptions.tsx
- CustomerRatingSection.tsx
- FiltersAppliedSection.tsx
- PlaceTypeSection.tsx
- PriceRangeSection.tsx
- SortBySection.tsx
- Banner.tsx
- ExplorePage.tsx
- Header.tsx
- HomestayPage.tsx
- LogoutAlertDialog.tsx
- MobileBottomTabs.tsx
- MobileModeChangeButton.tsx
- MobileProfilePage.tsx
- MobileSidebarActionsheet.tsx
- Sidebar.tsx
- WebSidebar.tsx
- index.ts
- index.web.ts
- main.css
- .gitignore
- app.json
- App.tsx
- AppTest.tsx
- babel.config.js
- gluestack-ui.config.ts
- index.js
- metro.config.js
- package.json
- readme.md
- timing.ts
- tsconfig.json
- use-get-mount-time.ts
- webpack.config.js
- yarn.lock
- adaptive-icon.png
- favicon.png
- icon.png
- splash.png
- Group.tsx
- GroupHSpacer.tsx
- GroupVSpacer.tsx
- Icon.tsx
- index.tsx
- Root.tsx
- Spinner.tsx
- Text.tsx
- index.tsx
- index.tsx
- Root.tsx
- Spacer.tsx
- index.tsx
- FallbackText.tsx
- index.tsx
- Root.tsx
- index.tsx
- index.tsx
- index.tsx
- Root.tsx
- index.tsx
- index.tsx
- Root.tsx
- Spacer.tsx
- config.json
- index.tsx
- index.ts
- styled-box.tsx
- styled-heading.tsx
- index.ts
- styled.tsx
- index.ts
- index.web.ts
- main.css
- .gitignore
- app.json
- App.tsx
- babel.config.js
- BenchGlueStack.tsx
- BenchReactNative.tsx
- data.ts
- gluestack-ui.config.ts
- index.js
- metro.config.js
- package.json
- readme.md
- TimedRender.js
- TimeRenderer.js
- timing.ts
- tsconfig.json
- use-get-mount-time.ts
- webpack.config.js
- yarn.lock
- dank-dark-mode.png
- dank-light-mode.png
- dank-logo-readme.png
- gluestack-logo.svg
- index.tsx
- propertyTokenMap.ts
- utils.ts
- .gitignore
- .nvmrc
- babel.config.js
- CHANGELOG.md
- package.json
- README.md
- tsconfig.json
- index.tsx
- .gitignore
- .nvmrc
- babel.config.js
- CHANGELOG.md
- package.json
- README.md
- tsconfig.json
- index.tsx
- index.tsx
- propertyTokenMap.ts
- utils.ts
- .gitignore
- .nvmrc
- babel.config.js
- CHANGELOG.md
- package.json
- README.md
- tsconfig.json
- buildConfig.js
- config.js
- index.js
- .babelrc
- .gitignore
- .nvmrc
- babel.config.js
- CHANGELOG.md
- package.json
- README.md
- tsconfig.json
- adaptive-icon.png
- favicon.png
- icon.png
- splash.png
- ChangeAVariant.tsx
- .gitignore
- app.json
- App.tsx
- babel.config.js
- index.js
- metro.config.js
- nb.config.ts
- package.json
- TestComp.tsx
- tsconfig.json
- webpack.config.js
- emotion.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-core-v025.tsx
- stitches-core-vc17.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- baseline.tsx
- emotion.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-core-v025.tsx
- stitches-core-vc17.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- baseline.tsx
- emotion.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-core-v025.tsx
- stitches-core-vc17.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- baseline.tsx
- emotion.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-core-v025.tsx
- stitches-core-vc17.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- emotion.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- emotion.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- emotion.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- buttonStyles.js
- createId.ts
- stitches-core-v025.config.ts
- stitches-core-vc17.config.ts
- stitches-default-config-v025.ts
- stitches-default-config-vc17.ts
- stitches-react-v025.config.ts
- stitches-react-vc17.config.ts
- Tree.tsx
- TestResults.tsx
- TestRunner.tsx
- box.tsx
- button.tsx
- code.tsx
- container.tsx
- flex.tsx
- grid.tsx
- link.tsx
- section.tsx
- separator.tsx
- stitches-ds.config.ts
- text.tsx
- emotion.tsx
- index.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-core-v025.tsx
- stitches-core-vc17.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- baseline.tsx
- emotion.tsx
- index.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-core-v025.tsx
- stitches-core-vc17.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- baseline.tsx
- complex-ui-styled-button-example.tsx
- emotion.tsx
- index.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-core-v025.tsx
- stitches-core-vc17.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- baseline.tsx
- emotion.tsx
- index.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-core-v025.tsx
- stitches-core-vc17.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- index.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- emotion.tsx
- index.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- emotion.tsx
- index.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- emotion.tsx
- index.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- emotion.tsx
- index.tsx
- nativebase-v3.tsx
- react-native-web.tsx
- stitches-react-v025.tsx
- stitches-react-vc17.tsx
- styled-components.tsx
- ui-styled.tsx
- _app.tsx
- index.tsx
- favicon.ico
- .gitignore
- babel.config.js
- gluestack-style.config.ts
- next-env.d.ts
- next.config.js
- package.json
- prettier.config.js
- README.md
- tsconfig.json
- colorMode.ts
- convert-utility-to-sx.ts
- index.ts
- styled-system.ts
- utils.ts
- index.ts
- use-media-query.ts
- useBreakpointValue.ts
- useColorMode.ts
- useMedia.ts
- useToken.ts
- css-variables.tsx
- font-resolver.tsx
- index.tsx
- checkAndPush.ts
- getComponentStyle.ts
- getStyleIds.ts
- getWeightBaseOnPath.ts
- index.ts
- injectComponentAndDescendantStyles.ts
- orderedResolved.ts
- reduceAndResolveCompoundVariants.ts
- styledResolved.ts
- StyledValueToCSSObject.ts
- SXResolvedToOrderedSXResolved.ts
- sxToSxResolved.ts
- index.ts
- value.ts
- value.web.ts
- inject.ts
- inject.web.ts
- index.ts
- index.ts
- index.js
- static.js
- canUseDom.ts
- createReactDOMStyle.ts
- flatten-style.ts
- hyphenate-style-name.ts
- normalizeColor.ts
- normalizeValueWithProperty.ts
- preprocess.ts
- unitlessNumbers.ts
- common.ts
- create-declaration-block.ts
- cssify.ts
- index.ts
- AsForwarder.tsx
- convertSxToSxVerbosed.ts
- createConfig.ts
- createGlobalStyles.ts
- createGlobalStylesWeb.ts
- createGlobalStylesWeb.web.ts
- createStyle.ts
- createStyled.ts
- generateStylePropsFromCSSIds.ts
- index.ts
- injectInStyle.ts
- injectInStyle.web.ts
- propertyTokenMap.ts
- stableHash.ts
- styled.tsx
- StyledProvider.tsx
- Theme.tsx
- types.ts
- updateCSSStyleInOrderedResolved.ts
- updateCSSStyleInOrderedResolved.web.ts
- updateOrderUnResolvedMap.ts
- utils.ts
- example.test.js
- nb.config.js
- .gitignore
- .nvmrc
- babel.config.js
- CHANGELOG.md
- package.json
- README.md
- tsconfig.json
- test.sh
- .commitlintrc
- .editorconfig
- .eslintignore
- .eslintrc
- .gitignore
- .lintstagedrc
- .npmrc
- .nvmrc
- .prettierignore
- .prettierrc
- CHANGELOG.md
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- LICENSE
- package.json
- README.md
- tsconfig.json
- turbo.json
- yarn.lock
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/gluestack/gluestack-style
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd gluestack-style
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Node.js
쉬움 추천사전 준비물
$ yarn add @gluestack-style/react
이 명령어를 터미널에 그대로 입력해 실행하세요.
$ npm i @gluestack-style/react
이 명령어를 터미널에 그대로 입력해 실행하세요.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)
