@svelteuidev/preprocessors

Svelte preprocessor library to assist in many areas of development


Keywords
svelte, sveltekit, svelteui, preprocessor, components, library, frontend
License
MIT
Install
npm install @svelteuidev/preprocessors@0.15.4

Documentation


Logo

NPM GitHub contributors npm npm Help wanted Discord

SvelteUI is an all inclusive Svelte library - Components, Actions, Utilities, Animations
What more could you ask for ยฏ\_(ใƒ„)_/ยฏ
Explore the docs ยป
Report Bug ยท Request Feature


About The Project

Read the Changelog

Features

  • SvelteKit and SSR Compatible
  • TypeScript and type definitions are supported, but optional
  • All components are accessible according to WAI-ARIA standards
  • Dark theme included, as well as a custom theming api
  • Minimal third-party dependency usage
  • Easy setup - Zero Configuration

Packages

@svelteui/core - core components library with 40+ components

@svelteui/composables - collection of 20+ useful actions and utilities

@svelteui/dates - calendars, date and time pickers based on SvelteUI components

@svelteui/preprocessors - Svelte preprocessor library to assist in many areas of development

@svelteui/motion - collection of transitions to utilize on dom elements

@svelteui/prism - code highlight component built with prism action


Getting help

I want to build a friendly community that is happy to help those who need it. Help build one up by joining the discord |:


Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  • If you have a suggestion that would make this project better, submit an issue
  • If you would like to directly contribute, read the contribution guide then submit a PR

Contributors


License

Everything in the project is distributed under the MIT License


Contact

(back to top)

Roadmap & TO-DO's

Here is where you can find the Roadmap for SvelteUI up to version 1.0

We would love to hear from you in issues, discussions, and discord to improve the roadmap. As we proceed along our roadmap, we continue to learn. As a result, some of the listed topics may no longer be relevant to us, therefore as the project develops, we might add or remove topics. We will pay close attention to your suggestions and if necessary, modify our plans.

We use certain "Marks" to give you quick indications of the current state of any item in the roadmap. The colorful icons can be displayed by typing :COLOR_circle:

Annotation legend:

Mark Description
! low level of priority
!! medium level of priority
!!! high level of priority
๐Ÿ”ด no work has been started
๐ŸŸก actively being worked on or going to start working
๐ŸŸข work has been completed

There are different categories on the roadmap. Items for versions 0.8โ€“1.0 and potential future plans are included in each category. To make things quick and simple to view, the items are listed in a table.

Roadmap is currently a WIP

REPO/MISC:

Status Priority Description
๐Ÿ”ด ! Move Stitches to peer-deps (svelteui-core)
๐ŸŸข !! Upgrade to latest SvelteKit version (leverage Vite 3.0.0)
๐ŸŸข !! Migrate package manager from npm to yarn
๐ŸŸก !! Migrate dev environment to Storybook for all packages
๐Ÿ”ด !! Add peerdeps fix to prepare:release script
๐Ÿ”ด !! Figure out how to get cjs,esm,umd distributions in release processes
๐Ÿ”ด !!! Figure out how to add minification to the release processes

Version 1.0.0:

Future:

DOCS:

  • [ ]
Status Priority Description
๐ŸŸก !!! Migration to SvelteKit

Version 1.0.0:

Future:

SVELTEUI-CORE:

Component creation, deletion, and modification should always be discussed with a maintainer before taking any action (Discord, Issues, and Discussions)!

Status Priority Description
๐Ÿ”ด ! Create Section component
๐Ÿ”ด ! Create ScrollArea component
๐Ÿ”ด ! Create Accordion component
๐Ÿ”ด ! Create ARIA component
๐Ÿ”ด ! Create Slider component
๐Ÿ”ด ! Create SegmentedControl component
๐ŸŸข ! Create Chip component
๐Ÿ”ด ! Create Select component
๐ŸŸข !!! Find an effective solution to SSR in SSR mode (#172)
๐ŸŸข !!! Find an effective solution to SSR in SSG mode (#107)
๐Ÿ”ด !!! Fix types for native events

Version 1.0.0:

Future:

SVELTEUI-COMPOSABLES:

Composable creation and deletion should always be discussed with a maintainer before taking any action (Discord, Issues, and Discussions)!

Status Priority Description
๐Ÿ”ด ! Placeholder

Version 1.0.0:

Future:

SVELTEUI-DATES:

Status Priority Description
๐Ÿ”ด !! Create TimePicker component
๐ŸŸก !!! Complete Calendar component

Version 1.0.0:

Future:

SVELTEUI-PREPROCESSORS:

Version 1.0.0:

Future:

  • think of new preprocessors to create

SVELTEUI-PRISM:

Status Priority Description
๐Ÿ”ด ! Add more tokens to style object
๐Ÿ”ด !!! Adapt new styling practices

Version 1.0.0:

Future:

SVELTEUI-NOTIFICATIONS:

  • create new notifications package

(back to top)