{"id":20204302,"url":"https://github.com/dvcol/neo-svelte","last_synced_at":"2025-10-27T16:22:27.189Z","repository":{"id":260963681,"uuid":"882766695","full_name":"dvcol/neo-svelte","owner":"dvcol","description":"Neomorphic ui library for svelte 5","archived":false,"fork":false,"pushed_at":"2025-01-10T19:27:30.000Z","size":638,"stargazers_count":3,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-10T19:47:43.894Z","etag":null,"topics":["library","neomorphism","svelte","svelte-5","sveltekit","ui"],"latest_commit_sha":null,"homepage":"https://dvcol.github.io/neo-svelte/","language":"Svelte","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dvcol.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":"paypal.me/dvcol/5"}},"created_at":"2024-11-03T17:51:30.000Z","updated_at":"2025-01-10T19:23:32.000Z","dependencies_parsed_at":null,"dependency_job_id":"b07b0ecf-08f6-45a2-8d6e-02035a3128fd","html_url":"https://github.com/dvcol/neo-svelte","commit_stats":null,"previous_names":["dvcol/neo-svelte"],"tags_count":7,"template":false,"template_full_name":"dvcol/svelte-lib-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dvcol%2Fneo-svelte","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dvcol%2Fneo-svelte/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dvcol%2Fneo-svelte/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dvcol%2Fneo-svelte/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dvcol","download_url":"https://codeload.github.com/dvcol/neo-svelte/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":233806567,"owners_count":18733216,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["library","neomorphism","svelte","svelte-5","sveltekit","ui"],"created_at":"2024-11-14T05:12:16.277Z","updated_at":"2025-09-21T23:31:39.178Z","avatar_url":"https://github.com/dvcol.png","language":"Svelte","funding_links":["paypal.me/dvcol/5","https://paypal.me/dvcol/5"],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eWelcome to \u003ci\u003eNeo Svelte\u003c/i\u003e\u003c/h1\u003e\n\u003ch3 align=\"center\"\u003eA neo-morphic ui library for svelte 5\u003c/h3\u003e\n\n\u003cp\u003e\n  \u003cimg src=\"https://img.shields.io/badge/pnpm-%3E%3D8.0.0-blue.svg\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/node-%3E%3D20.0.0-blue.svg\" /\u003e\n  \u003ca href=\"https://github.com/dvcol/neo-svelte#readme\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Documentation\" src=\"https://img.shields.io/badge/documentation-yes-brightgreen.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/dvcol/neo-svelte/graphs/commit-activity\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Maintenance\" src=\"https://img.shields.io/badge/Maintained%3F-yes-green.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/dvcol/neo-svelte/blob/master/LICENSE\" target=\"_blank\"\u003e\n    \u003cimg alt=\"License: MIT\" src=\"https://img.shields.io/github/license/dvcol/neo-svelte\" /\u003e\n  \u003c/a\u003e\n \u003ca href=\"https://paypal.me/dvcol/5\" target=\"_blank\"\u003e\n    \u003cimg alt=\"donate\" src=\"https://img.shields.io/badge/Donate%20€-PayPal-brightgreen.svg\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Description\n\nNeo Svelte is a modern UI library for Svelte 5, designed to bring a sleek, soft, and futuristic look to web applications with neumorphism and glassmorphism design elements.\n\nIt provides a collection of pre-styled, accessible, and highly customizable components that make it easy to build visually appealing UIs with minimal effort.\n\n## Prerequisites\n\nNote: Svelte Simple Router is a svelte 5 native library, and will not work with prior versions of svelte.\n\n- svelte \u003e= 5.0.0\n\n## Install\n\n```sh\npnpm add @dvcol/neo-svelte\n```\n\n## Getting Started\n\nWrap any component inside the style provider\n\n```svelte\n\u003cscript lang=\"ts\"\u003e\n  import { NeoThemeProvider } from '@dvcol/neo-svelte';\n\u003c/script\u003e\n\n\u003cNeoThemeProvider\u003e\n  ...\n\u003c/NeoThemeProvider\u003e\n```\n\nThen import any of the components you want to use.\n\nSee examples in the demo (code [here](https://github.com/dvcol/neo-svelte/tree/fed1b3f42e863e18968c77256527a837957b3304/demo/components), live demo [here](https://dvcol.github.io/neo-svelte/#/inputs)).\n\n## TODO\n\n- [ ] @media any-pointer:coarse any-hover:none\n- [ ] move to inline/bloc to support writing-mode\n- [x] Buttons\n  - [x] toggle\n  - [x] groups\n  - [ ] floating (speed dial)\n  - [ ] split\n- [x] tags/pills\n  - [x] badge\n- [x] Tabs\n- [x] Card\n- [x] Inputs\n  - [x] Password\n  - [x] Pin\n  - [x] Color picker\n  - [x] checkbox\n  - [x] radio\n- [x] Text Area\n  - [ ] @ / # tags\n- [x] file picker\n  - [x] drag \u0026 drop\n  - [x] multiple\n- [x] numbers\n  - [x] digits\n  - [ ] phone\n  - [ ] credit card\n  - [x] pin\n- [x] time/date/week\n  - [ ] range\n- [x] switch\n- [x] slider\n  - [x] range\n  - [x] inset\n  - [x] custom before-after\n  - [x] steps\n  - [x] ticks\n  - [ ] vertical\n  - [ ] circular\n  - [ ] rating (stars)\n- [x] select\n  - [x] native\n  - [x] custom\n- [x] form\n\n  - [x] validation\n  - [x] fieldset\n\n- [x] list\n\n  - [x] select\n    - [x] multiple\n    - [x] disabled\n    - [x] readonly\n    - [x] sections\n    - [x] keyboard navigation\n  - [x] scroll shadow\n  - [x] virtualized\n  - [x] infinite scroll\n  - [ ] pagination\n  - [ ] drag \u0026 drop\n  - [ ] timeline\n  - [ ] pull/scroll to refresh\n  - [x] filter\n  - [x] sort\n  - [ ] tree\n\n- [x] progress\n\n  - [x] vertical\n  - [ ] circular\n  - [ ] meter (progress group)\n  - [x] ticks\n  - [x] min/max\n  - [x] indeterminate\n  - [x] color/background\n  - [x] duration/timeout\n  - [x] start/stop/cancel/finish/reset\n\n- [x] collapse\n\n  - [x] description\n  - [x] vertical\n  - [x] accordion\n  - [x] controlled (min, max, toggle)\n\n- [x] stepper\n\n  - [x] vertical\n  - [ ] collapse\n  - [x] progress/dots\n  - [x] controls (cancel, next, prev, finish)\n  - [x] touch swipe\n\n- [x] tooltip\n\n  - [x] popconfirm\n  - [x] popselect\n  - [x] popstepper\n\n- [x] Modal/dialog\n\n  - [x] HTML Dialog\n    - [x] animation (slide/fade)\n    - [x] stepper\n    - [x] confirm\n    - [x] backdrop\n    - [x] position (center, top, bottom, left, right)\n    - [x] custom tag (not dialog)\n    - [x] draggable\n  - [ ] HTML Popover\n  - [x] Drawer\n    - [x] size (width, height)\n    - [x] scrollable\n    - [x] close button\n    - [ ] persistant\n\n- [ ] Command Palette\n\n  - [ ] list\n  - [ ] header\n  - [ ] footer\n  - [ ] panel\n  - [ ] shortcuts\n  - [ ] expanded buttons\n\n- [x] menu\n\n  - [x] nested menus\n  - [ ] collapsable (expand below)\n  - [ ] menu pane (multi column, expand right/left)\n  - [ ] menu list\n  - [x] Dropdown\n  - [x] Sections\n  - [x] Dividers\n\n- [ ] Chat\n  - [ ] infinite scroll\n  - [ ] virtual scroll\n  - [ ] async\n  - [ ] stream\n  - [ ] generative text animation\n  - [ ] scroll to bottom\n  - [ ] typing indicator\n  - [ ] read indicator\n  - [ ] reactions\n  - [ ] threads\n  - [ ] @ / # tags\n  - [ ] mentions\n  - [ ] attachments\n  - [ ] gifs/images\n  - [ ] videos\n  - [ ] audio\n  - [ ] custom cards (contact, etc.)\n  - [ ] custom bubbles\n  - [ ] custom input\n- [ ] table\n- [ ] pagination\n\n- [ ] auto-complete\n\n  - [ ] @ / # tags\n  - [ ] select\n  - [ ] multiple\n  - [ ] auto-complete\n    - [ ] @ / # tags\n\n- [ ] image\n  - [ ] videos\n  - [ ] carousel\n  - [ ] parallax\n- [ ] avatar\n\n  - [x] badge\n\n- [x] PointerTracker (Pointer Events)\n\n  - [x] track cursor\n  - [x] grow to tabindex targets\n  - [x] twist, tilt \u0026 pressure support (for supported pencils)\n\n- [ ] loader\n  - [ ] spinner\n  - [X] matrix\n  - [ ] pull to refresh (top, bottom, left, right)\n  - [x] skeleton\n  - [x] lazy load\n  - [X] suspense\n\n- [ ] text\n  - [ ] elevation\n  - [ ] code block (shiki ?)\n  - [x] ellipsis\n  - [x] mark\n  - [x] scroll \u0026 shadow\n  - [x] typing animation\n    - [x] fake cursor\n    - [x] fake typos\n    - [x] random pauses\n\n- [x] Alerts\n  - [x] toast\n  - [x] rich notification\n- [ ] container\n  - [x] transition\n  - [ ] split/resizable\n  - [ ] flex\n  - [ ] grid\n  - [ ] masonry ?\n\n## Author\n\n- Github: [@dvcol](https://github.com/dvcol)\n\n## Show your support\n\nGive a ⭐️ if this project helped you!\n\n \u003ca href=\"https://paypal.me/dvcol/5\" target=\"_blank\"\u003e\n    \u003cimg alt=\"donate\" src=\"https://img.shields.io/badge/Donate%20€-PayPal-brightgreen.svg\" /\u003e\n\u003c/a\u003e\n\n## 📝 License\n\nThis project is [MIT](https://github.com/dvcol/neo-svelte/blob/master/LICENSE) licensed.\n\n---\n\n_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdvcol%2Fneo-svelte","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdvcol%2Fneo-svelte","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdvcol%2Fneo-svelte/lists"}