JSPM

  • Created
  • Published
  • Downloads 485
  • Score
    100M100P100Q98443F
  • License MIT

Svelte component library for creating fully functional and accessible web applications quickly

Package Exports

  • @svelteuidev/core
  • @svelteuidev/core/components
  • @svelteuidev/core/components/ActionIcon
  • @svelteuidev/core/components/ActionIcon/ActionIcon.errors
  • @svelteuidev/core/components/ActionIcon/ActionIcon.styles
  • @svelteuidev/core/components/ActionIcon/ActionIcon.svelte
  • @svelteuidev/core/components/ActionIcon/CloseButton/CloseButton.svelte
  • @svelteuidev/core/components/ActionIcon/CloseButton/CloseIcon.svelte
  • @svelteuidev/core/components/Affix
  • @svelteuidev/core/components/Affix/Affix.styles
  • @svelteuidev/core/components/Affix/Affix.svelte
  • @svelteuidev/core/components/Anchor
  • @svelteuidev/core/components/Anchor/Anchor.styles
  • @svelteuidev/core/components/Anchor/Anchor.svelte
  • @svelteuidev/core/components/AppShell
  • @svelteuidev/core/components/AppShell/AppShell.styles
  • @svelteuidev/core/components/AppShell/AppShell.svelte
  • @svelteuidev/core/components/AppShell/AppShellProvider.svelte
  • @svelteuidev/core/components/AppShell/Aside/Aside.svelte
  • @svelteuidev/core/components/AppShell/Footer/Footer.svelte
  • @svelteuidev/core/components/AppShell/Header/Header.svelte
  • @svelteuidev/core/components/AppShell/HorizontalSection
  • @svelteuidev/core/components/AppShell/HorizontalSection/HorizontalSection.styles
  • @svelteuidev/core/components/AppShell/HorizontalSection/HorizontalSection.svelte
  • @svelteuidev/core/components/AppShell/HorizontalSection/Section/Section.styles
  • @svelteuidev/core/components/AppShell/HorizontalSection/Section/Section.svelte
  • @svelteuidev/core/components/AppShell/HorizontalSection/get-sorted-breakpoints/get-sorted-breakpoints
  • @svelteuidev/core/components/AppShell/Navbar/Navbar.svelte
  • @svelteuidev/core/components/AppShell/VerticalSection
  • @svelteuidev/core/components/AppShell/VerticalSection/VerticalSection.styles
  • @svelteuidev/core/components/AppShell/VerticalSection/VerticalSection.svelte
  • @svelteuidev/core/components/Badge
  • @svelteuidev/core/components/Badge/Badge.styles
  • @svelteuidev/core/components/Badge/Badge.svelte
  • @svelteuidev/core/components/Box
  • @svelteuidev/core/components/Box/Box.styles
  • @svelteuidev/core/components/Box/Box.svelte
  • @svelteuidev/core/components/Box/context/use-box-context
  • @svelteuidev/core/components/BrowserRender
  • @svelteuidev/core/components/BrowserRender/BrowserRender.svelte
  • @svelteuidev/core/components/Burger
  • @svelteuidev/core/components/Burger/Burger.styles
  • @svelteuidev/core/components/Burger/Burger.svelte
  • @svelteuidev/core/components/Button
  • @svelteuidev/core/components/Button/Button.errors
  • @svelteuidev/core/components/Button/Button.styles
  • @svelteuidev/core/components/Button/Button.svelte
  • @svelteuidev/core/components/Button/Ripple.svelte
  • @svelteuidev/core/components/Button/UnstyledButton/UnstyledButton.styles
  • @svelteuidev/core/components/Button/UnstyledButton/UnstyledButton.svelte
  • @svelteuidev/core/components/Card
  • @svelteuidev/core/components/Card/Card.styles
  • @svelteuidev/core/components/Card/Card.svelte
  • @svelteuidev/core/components/Card/CardSection/CardSection.styles
  • @svelteuidev/core/components/Card/CardSection/CardSection.svelte
  • @svelteuidev/core/components/Card/combinator
  • @svelteuidev/core/components/Center
  • @svelteuidev/core/components/Center/Center.styles
  • @svelteuidev/core/components/Center/Center.svelte
  • @svelteuidev/core/components/Checkbox
  • @svelteuidev/core/components/Checkbox/Checkbox.styles
  • @svelteuidev/core/components/Checkbox/Checkbox.svelte
  • @svelteuidev/core/components/Checkbox/CheckboxGroup/CheckboxGroup.styles
  • @svelteuidev/core/components/Checkbox/CheckboxGroup/CheckboxGroup.svelte
  • @svelteuidev/core/components/Checkbox/CheckboxIcon.svelte
  • @svelteuidev/core/components/Code
  • @svelteuidev/core/components/Code/Code.errors
  • @svelteuidev/core/components/Code/Code.styles
  • @svelteuidev/core/components/Code/Code.svelte
  • @svelteuidev/core/components/Code/CopyIcon.svelte
  • @svelteuidev/core/components/Container
  • @svelteuidev/core/components/Container/Container.styles
  • @svelteuidev/core/components/Container/Container.svelte
  • @svelteuidev/core/components/Divider
  • @svelteuidev/core/components/Divider/Divider.errors
  • @svelteuidev/core/components/Divider/Divider.styles
  • @svelteuidev/core/components/Divider/Divider.svelte
  • @svelteuidev/core/components/Fragment
  • @svelteuidev/core/components/Fragment/Fragment.styles
  • @svelteuidev/core/components/Fragment/Fragment.svelte
  • @svelteuidev/core/components/Group
  • @svelteuidev/core/components/Group/Group.errors
  • @svelteuidev/core/components/Group/Group.styles
  • @svelteuidev/core/components/Group/Group.svelte
  • @svelteuidev/core/components/Image
  • @svelteuidev/core/components/Image/BackgroundImage/BackgroundImage.styles
  • @svelteuidev/core/components/Image/BackgroundImage/BackgroundImage.svelte
  • @svelteuidev/core/components/Image/Image.styles
  • @svelteuidev/core/components/Image/Image.svelte
  • @svelteuidev/core/components/Image/ImageIcon.svelte
  • @svelteuidev/core/components/Input
  • @svelteuidev/core/components/Input/Input.errors
  • @svelteuidev/core/components/Input/Input.styles
  • @svelteuidev/core/components/Input/Input.svelte
  • @svelteuidev/core/components/InputWrapper
  • @svelteuidev/core/components/InputWrapper/InputWrapper.styles
  • @svelteuidev/core/components/InputWrapper/InputWrapper.svelte
  • @svelteuidev/core/components/InputWrapper/LabelElement.svelte
  • @svelteuidev/core/components/Kbd
  • @svelteuidev/core/components/Kbd/Kbd.styles
  • @svelteuidev/core/components/Kbd/Kbd.svelte
  • @svelteuidev/core/components/Loader
  • @svelteuidev/core/components/Loader/Loader.styles
  • @svelteuidev/core/components/Loader/Loader.svelte
  • @svelteuidev/core/components/Loader/loaders/Bars.svelte
  • @svelteuidev/core/components/Loader/loaders/Circle.svelte
  • @svelteuidev/core/components/Loader/loaders/Dots.svelte
  • @svelteuidev/core/components/Loader/loaders/loader-props-extended
  • @svelteuidev/core/components/Modal
  • @svelteuidev/core/components/Modal/Modal.styles
  • @svelteuidev/core/components/Modal/Modal.svelte
  • @svelteuidev/core/components/NativeSelect
  • @svelteuidev/core/components/NativeSelect/ChevronUpDown.svelte
  • @svelteuidev/core/components/NativeSelect/NativeSelect.styles
  • @svelteuidev/core/components/NativeSelect/NativeSelect.svelte
  • @svelteuidev/core/components/NumberInput
  • @svelteuidev/core/components/NumberInput/NumberInput.styles
  • @svelteuidev/core/components/NumberInput/NumberInput.svelte
  • @svelteuidev/core/components/ObserverRender
  • @svelteuidev/core/components/ObserverRender/ObserverRender.styles
  • @svelteuidev/core/components/ObserverRender/ObserverRender.svelte
  • @svelteuidev/core/components/Overlay
  • @svelteuidev/core/components/Overlay/Overlay.styles
  • @svelteuidev/core/components/Overlay/Overlay.svelte
  • @svelteuidev/core/components/Paper
  • @svelteuidev/core/components/Paper/Paper.styles
  • @svelteuidev/core/components/Paper/Paper.svelte
  • @svelteuidev/core/components/Popper
  • @svelteuidev/core/components/Popper/Popper.styles
  • @svelteuidev/core/components/Popper/Popper.svelte
  • @svelteuidev/core/components/Popper/PopperContainer
  • @svelteuidev/core/components/Popper/PopperContainer/PopperContainer.svelte
  • @svelteuidev/core/components/Portal
  • @svelteuidev/core/components/Portal/OptionalPortal.svelte
  • @svelteuidev/core/components/Portal/Portal.styles
  • @svelteuidev/core/components/Portal/Portal.svelte
  • @svelteuidev/core/components/SegmentedControl
  • @svelteuidev/core/components/SegmentedControl/SegmentedControl.styles
  • @svelteuidev/core/components/SegmentedControl/SegmentedControl.svelte
  • @svelteuidev/core/components/Seo
  • @svelteuidev/core/components/Seo/Seo.styles
  • @svelteuidev/core/components/Seo/Seo.svelte
  • @svelteuidev/core/components/ServerRender
  • @svelteuidev/core/components/ServerRender/ServerRender.svelte
  • @svelteuidev/core/components/SimpleGrid
  • @svelteuidev/core/components/SimpleGrid/SimpleGrid.styles
  • @svelteuidev/core/components/SimpleGrid/SimpleGrid.svelte
  • @svelteuidev/core/components/SimpleGrid/get-sorted-breakpoints
  • @svelteuidev/core/components/Skeleton
  • @svelteuidev/core/components/Skeleton/Skeleton.styles
  • @svelteuidev/core/components/Skeleton/Skeleton.svelte
  • @svelteuidev/core/components/Space
  • @svelteuidev/core/components/Space/Space.styles
  • @svelteuidev/core/components/Space/Space.svelte
  • @svelteuidev/core/components/Stack
  • @svelteuidev/core/components/Stack/Stack.errors
  • @svelteuidev/core/components/Stack/Stack.styles
  • @svelteuidev/core/components/Stack/Stack.svelte
  • @svelteuidev/core/components/Switch
  • @svelteuidev/core/components/Switch/Switch.styles
  • @svelteuidev/core/components/Switch/Switch.svelte
  • @svelteuidev/core/components/Text
  • @svelteuidev/core/components/Text/Text.errors
  • @svelteuidev/core/components/Text/Text.styles
  • @svelteuidev/core/components/Text/Text.svelte
  • @svelteuidev/core/components/TextInput
  • @svelteuidev/core/components/TextInput/TextInput.styles
  • @svelteuidev/core/components/TextInput/TextInput.svelte
  • @svelteuidev/core/components/ThemeIcon
  • @svelteuidev/core/components/ThemeIcon/ThemeIcon.styles
  • @svelteuidev/core/components/ThemeIcon/ThemeIcon.svelte
  • @svelteuidev/core/components/Title
  • @svelteuidev/core/components/Title/Title.styles
  • @svelteuidev/core/components/Title/Title.svelte
  • @svelteuidev/core/components/Tooltip
  • @svelteuidev/core/components/Tooltip/Tooltip.styles
  • @svelteuidev/core/components/Tooltip/Tooltip.svelte
  • @svelteuidev/core/components/TypographyProvider
  • @svelteuidev/core/components/TypographyProvider/TypographyProvider.styles
  • @svelteuidev/core/components/TypographyProvider/TypographyProvider.svelte
  • @svelteuidev/core/package.json
  • @svelteuidev/core/stitches.config

Readme

SvelteUI core

Component library with ease of use.

  • SvelteUI allows you to create fully functional and accessible web applications in less time than ever before. Regardless of design experience.

  • This package relies on the @svelteuidev/composables package, so they will come together!

Documentation

See full documentation on the SvelteUI website

Installation

# With yarn
yarn add @svelteuidev/core

# With npm
npm install @svelteuidev/core

Usage

<script>
    import { Button } from '@svelteuidev/core';
</script>

<Button>Submit</Button>;

License

All SvelteUI packages have MIT license. All SvelteUI dependencies also have MIT license.