Welcome to Neo Svelte

A neo-morphic ui library for svelte 5

Prerequisites

Note: Svelte Simple Router is a svelte 5 native library, and will not work with prior versions of svelte.

• svelte >= 5.0.0

Install

pnpm add @dvcol/neo-svelte

Getting Started

Wrap any component inside the style provider

<script lang="ts">
  import { NeoThemeProvider } from '@dvcol/neo-svelte';
</script>

<NeoThemeProvider>
  ...
</NeoThemeProvider>

Then import any of the components you want to use.

See examples in the demo (code here, live demo here).

TODO

• @media any-pointer:coarse any-hover:none

• Buttons

• Tabs

• Card

• Inputs

  • Password
  • Pin
  • Color picker
  • checkbox
  • radio

• Text Area

  • @ / # tags

• file picker

  • drag & drop
  • multiple

• numbers

  • digits
  • phone
  • credit card
  • pin

• time/date/week

  • range

• switch

• slider

  • range
  • inset
  • custom before-after
  • steps
  • vertical

• select

  • native
  • custom

• tooltip

  • popconfirm
  • popselect
  • nested menus

• list

  • virtualized
  • infinite scroll
  • drag & drop
  • pagination
  • pull/scroll to refresh
  • filter
  • sort
  • search
  • select
  • tree

• Modal/dialog

• drawer/panel

  • collapsible
  • position
  • backdrop
  • click outside

• table

• pagination

• auto-complete

  • @ / # tags
  • select
  • multiple
  • auto-complete
    • @ / # tags

• image

  • videos
  • carousel

• avatar

  • badge

• tags/pills

  • badge

• Progress/Loading

  • bar
  • circle
  • border
  • background

• accordion

  • summary
  • details (html semantic tags)

• text

  • elevation
  • elipsis

• Alerts

  • toast
  • rich notification

• scrollbar ?

• container

  • transition
  • split/resizable
  • flex
  • grid
  • masonry ?

Author

• Github: @dvcol

Show your support

Give a ⭐️ if this project helped you!

📝 License

This project is MIT licensed.

---

This README was generated with ❤️ by readme-md-generator