Skip to content

Roadmap

Kamell edited this page May 7, 2022 · 4 revisions

The SvelteUI Roadmap (3 months)

This is the first iteration of a roadmap, so it will only go out for 3 months as of now. This is where we establish topics we want to work on. To make the roadmap even better, we would love to hear from you in issues, discussions, and the dicord.

When we follow our roadmap, we continue to learn, and our opinions on some of the topics listed change. As a result, we may add or remove topics as the project progresses.

We will actively listen to your feedback and adapt our plans if needed.

Legend of annotations:

Mark Description
bullet work not started
check mark work completed
🏃 in progress work
💪 stretch goal
🔴 somethings missing

Summary

Stuff will be written here later

SvelteUI Core

Components

v0.6.0

  • Button
  • Code
  • Loader
  • Switch
  • Image
  • Text
  • Title
  • Stack
  • Badge
  • Box
  • ActionIcon
  • Center
  • Fragment
  • Group
  • Input
  • InputWrapper
  • NativeSelect
  • Space
  • Stack
  • ThemeIcon
  • Overlay
  • CheckBox
  • SimpleGrid
  • ScrollArea

v0.6.5

  • Popper
  • Divider
  • Portal
  • Slider
  • ToolTip
  • Card
  • Modal
  • Grid
  • Skeleton
  • Seo
  • ARIA

Internals

  • 🏃 Transition forwarding
  • Even cooler error UI

Styling

  • Stitches configuration through <SvelteUIProvider />

back to top


SvelteUI Actions

Actions

  • use-click-outside
  • use-clipboard
  • use-css-variable
  • use-focus
  • use-download
  • use-page-leave
  • use-tab-leave
  • use-lazy
  • use-long-press
  • use-persistent-tab
  • use-hot-key

back to top


SvelteUI Utilities

Utilities

  • os - detect a user's os.
  • rafFn - call function on every requestAnimationFrame, with controls of pausing and resuming.
  • hash - generate a random hash with a specified prefix.
  • uuid - 🏃 generate a random id with validation
  • regex - generate common regexs'

Internals

  • Utilize type guards everywhere

back to top


SvelteUI Motion

Transitions

  • Typewriter - displays text with a typed effect
  • Flipboard - displays text with a glitch like effect

Animations

  • Animation Component with predefined animations

back to top


SvelteUI Prism

Prism

  • Get Prism component to standard

    • working copy button
    • line numbers resize correctly
    • full line highlighting configuration
    • ScrollArea component integration
  • Prism Tabs

  • Custom color theming

Internals

  • Utilize config for cleaner abstraction and more customization

back to top


SvelteUI Dates 💪

Core

  • Create Month component
    • Create necessary utils

Utilities

  • create the date utils needed for the library

back to top


For information about documentation, read the Documentation section of the wiki.