ChatUI

    The UI design language and React library for Conversational UI

    Language: typescript

    Author: Osman Colombo (@osman.colombo)

    640 stars · 1930 views

    Files

    • .husky (husky)
    • .eslintrc.js (js)
    • README.md (md)
    • tsconfig.json (json)
    • rollup.config.js (js)
    • jest.setup.ts (ts)
    • babel.config.js (js)
    • LICENSE (txt)
    • tsconfig.build.json (json)
    • package.json (json)
    • .github (github)
    • ISSUE_TEMPLATE (txt)
    • bug-report.md (md)
    • feature-request-------.md (md)
    • README.zh-CN.md (md)
    • jest.config.js (js)
    • commitlint.config.js (js)
    • postcss.config.js (js)
    • demo (txt)
    • tsconfig.json (json)
    • tsconfig.node.json (json)
    • package.json (json)
    • vite.config.ts (ts)
    • src (txt)
    • utils (txt)
    • toPascalCase.ts (ts)
    • index.ts (ts)
    • routerConfig.tsx (tsx)
    • main.tsx (tsx)
    • navConfig.ts (ts)
    • demo (txt)
    • Tabs.tsx (tsx)
    • RichText.tsx (tsx)
    • Stepper.tsx (tsx)
    • Modal.tsx (tsx)
    • Checkbox.tsx (tsx)
    • Flex.tsx (tsx)
    • Video.tsx (tsx)
    • MessageStatus.tsx (tsx)
    • Filter.tsx (tsx)
    • Divider.tsx (tsx)
    • FileCard.tsx (tsx)
    • Countdown.tsx (tsx)
    • Typing.tsx (tsx)
    • OrderObject.tsx (tsx)
    • OrdderSelector.tsx (tsx)
    • TypingBubble.tsx (tsx)
    • Tips.tsx (tsx)
    • Carousel.tsx (tsx)
    • Confirm.tsx (tsx)
    • Goods.tsx (tsx)
    • KvList.tsx (tsx)
    • MultiRedPacket.tsx (tsx)
    • Skeleton.tsx (tsx)
    • Popup.tsx (tsx)
    • Portal.tsx (tsx)
    • ScrollGrid.tsx (tsx)
    • Toast.tsx (tsx)
    • Bubble.tsx (tsx)
    • Select.tsx (tsx)
    • MediaObject.tsx (tsx)
    • Radio.tsx (tsx)
    • RateActions.tsx (tsx)
    • Image.tsx (tsx)
    • Empty.tsx (tsx)
    • Text.tsx (tsx)
    • Chat.tsx (tsx)
    • Avatar.tsx (tsx)
    • Navbar.tsx (tsx)
    • Tag.tsx (tsx)
    • ComponentProvider.tsx (tsx)
    • Loading.tsx (tsx)
    • Search.tsx (tsx)
    • RedPacket.tsx (tsx)
    • Form.tsx (tsx)
    • ErrorBoundary.tsx (tsx)
    • Time.tsx (tsx)
    • Ribbon.tsx (tsx)
    • Notice.tsx (tsx)
    • SystemMessage.tsx (tsx)
    • Progress.tsx (tsx)
    • Input.tsx (tsx)
    • List.tsx (tsx)
    • Card.tsx (tsx)
    • Quote.tsx (tsx)
    • VisuallyHidden.tsx (tsx)
    • Think.tsx (tsx)
    • ScrollView.tsx (tsx)
    • index.ts (ts)
    • PullToRefresh.tsx (tsx)
    • Button.tsx (tsx)
    • InfiniteScroll.tsx (tsx)
    • Coupon.tsx (tsx)
    • Price.tsx (tsx)
    • Icon.tsx (tsx)
    • components (txt)
    • LangSwitcher.tsx (tsx)
    • DemoPage.tsx (tsx)
    • DemoIndex.tsx (tsx)
    • index.ts (ts)
    • DemoSection.tsx (tsx)
    • index.less (less)
    • vite-env.d.ts (ts)
    • tsconfig.app.json (json)
    • index.html (html)
    • src (txt)
    • utils (txt)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • style.test.tsx (tsx)
    • toggleClass.test.tsx (tsx)
    • prettyBytes.test.ts (ts)
    • getExtName.test.ts (ts)
    • lazyComponent.tsx (tsx)
    • mountComponent.ts (ts)
    • toggleClass.ts (ts)
    • getExtName.ts (ts)
    • formatTime.ts (ts)
    • getRandomInt.ts (ts)
    • parseDataTransfer.ts (ts)
    • getFps.ts (ts)
    • ua.ts (ts)
    • importScript.ts (ts)
    • canUse.ts (ts)
    • throttle.ts (ts)
    • style.ts (ts)
    • prettyBytes.ts (ts)
    • smoothScroll.ts (ts)
    • getToBottom.ts (ts)
    • index.ts (ts)
    • date.ts (ts)
    • countLines.ts (ts)
    • hooks (txt)
    • useClickOutside.ts (ts)
    • useNextId.ts (ts)
    • __test__ (txt)
    • useQuickReplies.test.tsx (tsx)
    • useNextId.test.tsx (tsx)
    • useMessages.test.tsx (tsx)
    • useQuickReplies.ts (ts)
    • useForwardRef.ts (ts)
    • useMessages.ts (ts)
    • useTitleTyping.ts (ts)
    • useMount.ts (ts)
    • useWindowResize.ts (ts)
    • useCountdown.ts (ts)
    • useTypewriter.ts (ts)
    • useLatest.ts (ts)
    • styles (txt)
    • var.less (less)
    • font-face.less (less)
    • animation.less (less)
    • dark.less (less)
    • scale.less (less)
    • utils.less (less)
    • root.less (less)
    • index.less (less)
    • global.d.ts (ts)
    • index.ts (ts)
    • components (txt)
    • Empty (txt)
    • style.less (less)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • README.md (md)
    • index.tsx (tsx)
    • Filter (txt)
    • style.less (less)
    • README.md (md)
    • index.tsx (tsx)
    • InfiniteScroll (txt)
    • style.less (less)
    • index.tsx (tsx)
    • Stepper (txt)
    • Stepper.tsx (tsx)
    • style.less (less)
    • __tests__ (txt)
    • step.test.tsx (tsx)
    • index.test.tsx (tsx)
    • Step.tsx (tsx)
    • index.ts (ts)
    • RedPacket (txt)
    • style.less (less)
    • index.tsx (tsx)
    • MessageStatus (txt)
    • style.less (less)
    • index.tsx (tsx)
    • ComponentsProvider (txt)
    • interface.ts (ts)
    • useComponents.ts (ts)
    • ComponentsContext.ts (ts)
    • index.tsx (tsx)
    • ErrorBoundary (txt)
    • index.tsx (tsx)
    • ScrollGrid (txt)
    • style.less (less)
    • index.tsx (tsx)
    • Modal (txt)
    • Modal.tsx (tsx)
    • style.less (less)
    • __tests__ (txt)
    • base.test.tsx (tsx)
    • popup.test.tsx (tsx)
    • confirm.test.tsx (tsx)
    • modal.test.tsx (tsx)
    • Confirm.tsx (tsx)
    • Popup.tsx (tsx)
    • Base.tsx (tsx)
    • index.ts (ts)
    • Tabs (txt)
    • Tabs.tsx (tsx)
    • style.less (less)
    • __tests__ (txt)
    • tab.test.tsx (tsx)
    • index.test.tsx (tsx)
    • README.md (md)
    • Tab.tsx (tsx)
    • index.ts (ts)
    • Tooltip (txt)
    • style.less (less)
    • FileCard (txt)
    • style.less (less)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • index.tsx (tsx)
    • Label (txt)
    • style.less (less)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • index.tsx (tsx)
    • Search (txt)
    • style.less (less)
    • index.tsx (tsx)
    • Chat (txt)
    • style.less (less)
    • index.tsx (tsx)
    • Input (txt)
    • style.less (less)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • index.tsx (tsx)
    • KvList (txt)
    • style.less (less)
    • KvItem.tsx (tsx)
    • KvList.tsx (tsx)
    • index.ts (ts)
    • TypingBubble (txt)
    • index.tsx (tsx)
    • Progress (txt)
    • style.less (less)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • index.tsx (tsx)
    • Recorder (txt)
    • style.less (less)
    • index.tsx (tsx)
    • List (txt)
    • style.less (less)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • ListItem.tsx (tsx)
    • List.tsx (tsx)
    • index.ts (ts)
    • Video (txt)
    • style.less (less)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • index.tsx (tsx)
    • QuickReplies (txt)
    • style.less (less)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • item.test.tsx (tsx)
    • QuickReplies.tsx (tsx)
    • index.ts (ts)
    • QuickReply.tsx (tsx)
    • SendConfirm (txt)
    • style.less (less)
    • SendConfirm.tsx (tsx)
    • index.ts (ts)
    • Portal (txt)
    • index.ts (ts)
    • MediaObject (txt)
    • style.less (less)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • index.tsx (tsx)
    • Toast (txt)
    • style.less (less)
    • __tests__ (txt)
    • toast.test.tsx (tsx)
    • index.test.ts (ts)
    • Toast.tsx (tsx)
    • index.tsx (tsx)
    • Typing (txt)
    • style.less (less)
    • __tests__ (txt)
    • __snapshots__ (txt)
    • index.test.tsx (tsx)
    • Typing.tsx (tsx)
    • index.ts (ts)
    • Think (txt)
    • style.less (less)
    • index.tsx (tsx)
    • Skeleton (txt)
    • style.less (less)
    • index.tsx (tsx)
    • BackBottom (txt)
    • style.less (less)
    • index.tsx (tsx)
    • MessageContainer (txt)
    • style.less (less)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • index.tsx (tsx)
    • Icon (txt)
    • style.less (less)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • index.tsx (tsx)
    • Card (txt)
    • CardActions.tsx (tsx)
    • style.less (less)
    • __tests__ (txt)
    • media.test.tsx (tsx)
    • index.test.tsx (tsx)
    • content.test.tsx (tsx)
    • title.test.tsx (tsx)
    • text.test.tsx (tsx)
    • actions.test.tsx (tsx)
    • CardMedia.tsx (tsx)
    • CardContent.tsx (tsx)
    • CardHeader.tsx (tsx)
    • CardTitle.tsx (tsx)
    • CardText.tsx (tsx)
    • Card.tsx (tsx)
    • index.ts (ts)
    • Flex (txt)
    • style.less (less)
    • Flex.tsx (tsx)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • item.test.tsx (tsx)
    • FlexItem.tsx (tsx)
    • index.ts (ts)
    • ConfigProvider (txt)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • index.tsx (tsx)
    • locales (txt)
    • zh_CN.ts (ts)
    • en_US.ts (ts)
    • fr_FR.ts (ts)
    • index.ts (ts)
    • ar_EG.ts (ts)
    • LazyComponent (txt)
    • interface.ts (ts)
    • index.tsx (tsx)
    • SuspenseWrap.tsx (tsx)
    • StatusBadge (txt)
    • style.less (less)
    • index.tsx (tsx)
    • MultiRedPacket (txt)
    • style.less (less)
    • index.tsx (tsx)
    • Backdrop (txt)
    • style.less (less)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • index.tsx (tsx)
    • Notice (txt)
    • style.less (less)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • index.tsx (tsx)
    • Coupon (txt)
    • style.less (less)
    • index.tsx (tsx)
    • Ribbon (txt)
    • style.less (less)
    • README.md (md)
    • index.tsx (tsx)
    • VisuallyHidden (txt)
    • __tests__ (txt)
    • __snapshots__ (txt)
    • index.test.tsx (tsx)
    • index.tsx (tsx)
    • Tree (txt)
    • style.less (less)
    • Tree.tsx (tsx)
    • TreeNode.tsx (tsx)
    • index.ts (ts)
    • IconButton (txt)
    • style.less (less)
    • __tests__ (txt)
    • index.test.tsx (tsx)
    • index.tsx (tsx)
    • Image (txt)
    • style.less (less)
    • __tests__ (txt)
    • ATTRIBUTION.md (markdown)

    Loading code snippet…