crosskit
Framework-agnostic UI components. One behavior core, one stylesheet, adapters for React, Vue, Svelte and Angular.
File Explorer
- anchored-overlays-on-core.md
- behaviour-primitives.md
- breadcrumb-steps-segmented.md
- cascader.md
- config.json
- date-engine.md
- date-picker.md
- form-engine.md
- form.md
- hand-rolled-positioner.md
- motion-layout.md
- motion-spring.md
- numeric-controls.md
- package-readmes.md
- popconfirm-notification.md
- positioner-fixed.md
- range-picker.md
- react-foundation.md
- react-overlay-template.md
- reduced-motion-actually-reduces.md
- select-on-core.md
- space-flex-skeleton-empty-result.md
- splitter.md
- statistic-descriptions-pagination-list.md
- storybook-base-path.md
- storybook-fonts.md
- style-overrides.md
- table-store.md
- tabs-collapse-on-core.md
- theme-compiler.md
- tighten-container-selectors.md
- time-picker.md
- toast-on-core.md
- tree-select.md
- tree.md
- upload.md
- watermark.md
- graphify-hint.mjs
- settings.json
- bug_report.md
- ci.yml
- claude-review.yml
- pages.yml
- release.yml
- version.yml
- dependabot.yml
- commit-msg
- pre-commit
- content.d.ts
- types.d.ts
- check-props.mjs
- generate-migration.mjs
- FrameworkTabs.astro
- Samples.astro
- Showcase.tsx
- data-display.ts
- disclosure.ts
- forms.ts
- index.ts
- layout.ts
- overlays.ts
- primitives.ts
- types.ts
- Base.astro
- Docs.astro
- [slug].astro
- index.astro
- index.astro
- site.css
- astro.config.mjs
- DESIGN.md
- package.json
- tsconfig.json
- anchored.spec.ts
- cascader.spec.ts
- confirm.spec.ts
- contract.spec.ts
- data.spec.ts
- date.spec.ts
- form.spec.ts
- navigation.spec.ts
- nesting.spec.ts
- numeric.spec.ts
- overlay.spec.ts
- parity.spec.ts
- position.spec.ts
- reduced-motion.spec.ts
- skeleton.spec.ts
- splitter.spec.ts
- toast.spec.ts
- tree.spec.ts
- upload.spec.ts
- watermark.spec.ts
- browser.config.ts
- package.json
- playwright.config.ts
- single-server-specs.ts
- app.ts
- fixture.ts
- main.ts
- parity.component.ts
- parity.css
- .last-run.json
- index.html
- package.json
- playwright.config.ts
- tsconfig.json
- vite.config.ts
- css.d.ts
- fixture.ts
- main.tsx
- parity.css
- Parity.tsx
- anchored.html
- anchored.tsx
- cascader.html
- cascader.tsx
- confirm.html
- confirm.tsx
- data.html
- data.tsx
- date.html
- date.tsx
- form.html
- form.tsx
- index.html
- navigation.html
- navigation.tsx
- nesting.html
- nesting.tsx
- numeric.html
- numeric.tsx
- overlay.html
- overlay.tsx
- package.json
- position.html
- position.ts
- skeleton.html
- skeleton.tsx
- splitter.html
- splitter.tsx
- toast.html
- toast.tsx
- tree.html
- tree.tsx
- tsconfig.json
- upload.html
- upload.tsx
- vite.config.ts
- watermark.html
- watermark.tsx
- css.d.ts
- fixture.ts
- main.ts
- parity.css
- Parity.svelte
- index.html
- package.json
- svelte.config.js
- tsconfig.json
- vite.config.ts
- css.d.ts
- fixture.ts
- main.ts
- parity.css
- Parity.vue
- index.html
- package.json
- tsconfig.json
- vite.config.ts
- Alert.stories.tsx
- Avatar.stories.tsx
- Badge.stories.tsx
- Breadcrumb.stories.tsx
- Button.stories.tsx
- Calendar.stories.tsx
- Card.stories.tsx
- Cascader.stories.tsx
- Checkbox.stories.tsx
- Collapse.stories.tsx
- DataAttributes.stories.tsx
- DatePicker.stories.tsx
- Descriptions.stories.tsx
- Divider.stories.tsx
- Drawer.stories.tsx
- Dropdown.stories.tsx
- Empty.stories.tsx
- Flex.stories.tsx
- Form.stories.tsx
- Icon.stories.tsx
- Input.stories.tsx
- InputNumber.stories.tsx
- List.stories.tsx
- Modal.stories.tsx
- Notification.stories.tsx
- Pagination.stories.tsx
- Popconfirm.stories.tsx
- Popover.stories.tsx
- Progress.stories.tsx
- Radio.stories.tsx
- RangePicker.stories.tsx
- Rate.stories.tsx
- Result.stories.tsx
- Row.stories.tsx
- Segmented.stories.tsx
- Select.stories.tsx
- Skeleton.stories.tsx
- Slider.stories.tsx
- Space.stories.tsx
- Spinner.stories.tsx
- Splitter.stories.tsx
- Statistic.stories.tsx
- Steps.stories.tsx
- Switch.stories.tsx
- Table.stories.tsx
- Tabs.stories.tsx
- Tag.stories.tsx
- Textarea.stories.tsx
- TimePicker.stories.tsx
- Toaster.stories.tsx
- Tooltip.stories.tsx
- Tree.stories.tsx
- TreeSelect.stories.tsx
- Upload.stories.tsx
- Watermark.stories.tsx
- css.d.ts
- main.ts
- preview.ts
- package.json
- tsconfig.json
- banner.png
- audit-2026-07.md
- migrating-from-react-ui-toolkit.md
- releasing.md
- STORYBOOK_DEPLOYMENT.md
- button.component.ts
- dialog.components.ts
- disclosure.components.ts
- alert.component.ts
- avatar-progress.components.ts
- badge.component.ts
- card.component.ts
- divider.component.ts
- spinner.component.ts
- tag.component.ts
- input.component.ts
- textarea.component.ts
- icon.component.ts
- col.component.ts
- layout.components.ts
- overlay.components.ts
- select.component.ts
- table.component.ts
- toast.components.ts
- toggle.components.ts
- public-api.ts
- CHANGELOG.md
- ng-package.json
- package.json
- postbuild.mjs
- README.md
- tsconfig.json
- collection.ts
- dismissable.test.ts
- dismissable.ts
- dom.test.ts
- dom.ts
- focus-trap.test.ts
- focus-trap.ts
- inert.test.ts
- inert.ts
- navigation.test.ts
- navigation.ts
- numeric.test.ts
- numeric.ts
- position-dom.test.ts
- position-dom.ts
- position.test.ts
- position.ts
- presence.test.ts
- presence.ts
- scroll-lock.test.ts
- scroll-lock.ts
- splitter.test.ts
- splitter.ts
- toast-queue.test.ts
- toast-queue.ts
- calendar.test.ts
- calendar.ts
- format.ts
- time.test.ts
- time.ts
- path.test.ts
- path.ts
- rules.ts
- store.test.ts
- store.ts
- animate.test.ts
- animate.ts
- gesture.test.ts
- gesture.ts
- layout.test.ts
- layout.ts
- spring.test.ts
- spring.ts
- stagger.test.ts
- stagger.ts
- compare.ts
- store.test.ts
- store.ts
- create-theme.test.ts.snap
- color.test.ts
- color.ts
- create-theme.test.ts
- create-theme.ts
- css.ts
- manifest.ts
- overrides.test.ts
- overrides.ts
- ramp.ts
- tokens.ts
- data-attrs.test.ts
- data-attrs.ts
- icons.ts
- index.ts
- placement.test.ts
- placement.ts
- table.test.ts
- table.ts
- toast.ts
- tree.test.ts
- tree.ts
- types.ts
- upload.test.ts
- upload.ts
- watermark.test.ts
- watermark.ts
- CHANGELOG.md
- package.json
- README.md
- tsconfig.json
- tsdown.config.ts
- vitest.config.ts
- collapse.test.tsx
- collapse.tsx
- alert.tsx
- anchored.tsx
- use-anchored.ts
- avatar.tsx
- badge.tsx
- button.test.tsx
- button.tsx
- card.tsx
- cascader.test.tsx
- cascader.tsx
- config-provider.test.tsx
- config-provider.tsx
- data.test.tsx
- descriptions.tsx
- list.tsx
- pagination.tsx
- statistic.tsx
- calendar.tsx
- date-picker.tsx
- date.test.tsx
- range-picker.tsx
- range.test.tsx
- time-picker.tsx
- time.test.tsx
- dialog.test.tsx
- drawer.tsx
- modal.tsx
- use-overlay.ts
- divider.tsx
- empty.test.tsx
- empty.tsx
- form.test.tsx
- form.tsx
- use-form.ts
- icon.test.tsx.snap
- icon.test.tsx
- icon.tsx
- input.tsx
- col.tsx
- container.tsx
- flex-space.test.tsx
- flex.tsx
- row.tsx
- space.tsx
- splitter.test.tsx
- splitter.tsx
- en-US.ts
- dropdown.test.tsx
- dropdown.tsx
- breadcrumb.tsx
- segmented.test.tsx
- segmented.tsx
- steps-breadcrumb.test.tsx
- steps.tsx
- input-number.tsx
- numeric.test.tsx
- rate.tsx
- slider.tsx
- popconfirm.test.tsx
- popconfirm.tsx
- popover.test.tsx
- popover.tsx
- portal.tsx
- progress.tsx
- result.test.tsx
- result.tsx
- select.test.tsx
- select.tsx
- skeleton.test.tsx
- skeleton.tsx
- spinner.tsx
- table.test.tsx
- table.tsx
- tabs.test.tsx
- tabs.tsx
- tag.tsx
- textarea.test.tsx
- textarea.tsx
- notification.test.tsx
- toaster.test.tsx
- toaster.tsx
- checkbox.tsx
- radio.tsx
- switch.tsx
- toggle.test.tsx
- tooltip.test.tsx
- tooltip.tsx
- tree-select.test.tsx
- tree-select.tsx
- tree.test.tsx
- tree.tsx
- upload.test.tsx
- upload.tsx
- watermark.test.tsx
- watermark.tsx
- index.ts
- CHANGELOG.md
- package.json
- README.md
- tsconfig.json
- tsdown.config.ts
- vitest.config.ts
- vitest.setup.ts
- avatar-progress.css
- button-v1.css
- button.css
- cascader.css
- col.css
- data.css
- date.css
- dialog.css
- disclosure.css
- feedback.css
- field.css
- form.css
- icon.css
- layout.css
- navigation.css
- numeric.css
- overlay.css
- placeholder.css
- select.css
- splitter.css
- table.css
- tag-alert.css
- toast.css
- toggle.css
- tree.css
- upload.css
- watermark.css
- dark.css
- light.css
- palette.css
- scale.css
- _variants.css
- index.css
- reset.css
- theme.css
- build.mjs
- CHANGELOG.md
- package.json
- README.md
- Accordion.svelte
- Alert.svelte
- Avatar.svelte
- Badge.svelte
- Button.svelte
- Card.svelte
- Drawer.svelte
- Modal.svelte
- Divider.svelte
- Icon.svelte
- Input.svelte
- Col.svelte
- Container.svelte
- Row.svelte
- Menu.svelte
- Progress.svelte
- context.svelte.ts
- Option.svelte
- Select.svelte
- Spinner.svelte
- Table.svelte
- types.ts
- Tabs.svelte
- Tag.svelte
- Textarea.svelte
- Toaster.svelte
- ToastItem.svelte
- Checkbox.svelte
- Radio.svelte
- RadioGroup.svelte
- Switch.svelte
- Tooltip.svelte
- index.ts
- presence.svelte.ts
- CHANGELOG.md
- package.json
- README.md
- svelte.config.js
- tsconfig.json
- Accordion.vue
- Alert.vue
- Avatar.vue
- Badge.vue
- Button.vue
- Card.vue
- Drawer.vue
- Modal.vue
- Divider.vue
- Icon.vue
- Input.vue
- Col.vue
- Container.vue
- Row.vue
- Menu.vue
- Progress.vue
- Option.ts
- Select.vue
- Spinner.vue
- Table.vue
- Tabs.vue
- Tag.vue
- Textarea.vue
- Toaster.vue
- ToastItem.vue
- Checkbox.vue
- Radio.vue
- RadioGroup.vue
- Switch.vue
- Tooltip.vue
- index.ts
- usePresence.ts
- CHANGELOG.md
- package.json
- README.md
- tsconfig.build.json
- tsconfig.json
- vite.config.ts
- dialog.spec.ts
- README.md
- bindable.ts
- machine.ts
- normalize-props.ts
- portal.ts
- presence.ts
- public-api.ts
- refs.ts
- spread.directive.ts
- track.ts
- CHANGELOG.md
- ng-package.json
- package.json
- postbuild.mjs
- README.md
- tsconfig.json
- bootstrap-npm-trusted-publishing.sh
- gen-package-readmes.mjs
- .gitattributes
- .gitignore
- .mcp.json
- .nvmrc
- .prettierrc
- CLAUDE.md
- codecov.yml
- commitlint.config.mjs
- CONTRIBUTING.md
- eslint.config.mjs
- LICENSE
- package.json
- pnpm-lock.yaml
- pnpm-workspace.yaml
- README.md
- tailwind.config.mjs
- TROUBLESHOOTING.md
- tsconfig.base.json
- tsconfig.json
- turbo.json
# Use via CDN
jsDelivrjsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.
Link
Example
Command Glossary
Commands referenced in this DOCs, explained below.
pnpm
View Details ▼
pnpm
Fast, disk space efficient package manager for Node.js.
Manage Node.js projects and their module dependencies.
pnpm init
Create a `package.json` file:
pnpm {{[i|install]}}
Download all the packages listed as dependencies in `package.json`:
pnpm add {{module_name}}@{{version}}
Download a specific version of a package and add it to the list of dependencies in `package.json`:
// repository documentation
Was this content helpful?
(0 ratings)
