{"id":39955,"url":"https://github.com/one-aalam/awesome-solid-js","name":"awesome-solid-js","description":"Curated resources on building sites with SolidJS, a brand new way(now 1.0) to build Javascript based interactive web applications. A very close looking cousin to React/JSX by syntax, and to Svelte by few important principles(compiler and fine-grained reactivity), it's a highly optimised way to deliver web applications with best-in-class performance. ","projects_count":195,"last_synced_at":"2026-06-18T15:00:12.269Z","repository":{"id":38020746,"uuid":"385551716","full_name":"one-aalam/awesome-solid-js","owner":"one-aalam","description":"Curated resources on building sites with SolidJS, a brand new way(now 1.0) to build Javascript based interactive web applications. A very close looking cousin to React/JSX by syntax, and to Svelte by few important principles(compiler and fine-grained reactivity), it's a highly optimised way to deliver web applications with best-in-class performance. ","archived":false,"fork":false,"pushed_at":"2024-12-01T12:25:52.000Z","size":217,"stargazers_count":997,"open_issues_count":12,"forks_count":51,"subscribers_count":15,"default_branch":"main","last_synced_at":"2026-06-14T21:04:42.834Z","etag":null,"topics":["awesome","awesome-list","frontend","javascript","jsx","list","reactive","resources","solid"],"latest_commit_sha":null,"homepage":"","language":null,"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/one-aalam.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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,"zenodo":null}},"created_at":"2021-07-13T09:39:10.000Z","updated_at":"2026-06-12T14:03:17.000Z","dependencies_parsed_at":"2023-10-01T16:49:25.008Z","dependency_job_id":"db8093b1-48e4-4a51-a25b-1e2f2715c1c8","html_url":"https://github.com/one-aalam/awesome-solid-js","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/one-aalam/awesome-solid-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/one-aalam%2Fawesome-solid-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/one-aalam%2Fawesome-solid-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/one-aalam%2Fawesome-solid-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/one-aalam%2Fawesome-solid-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/one-aalam","download_url":"https://codeload.github.com/one-aalam/awesome-solid-js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/one-aalam%2Fawesome-solid-js/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34417414,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-16T02:00:06.860Z","response_time":126,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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"}},"created_at":"2024-01-13T19:41:59.287Z","updated_at":"2026-06-18T15:00:12.276Z","primary_language":"JavaScript","list_of_lists":false,"displayable":true,"categories":["📦 Components \u0026 Libraries","Resources","🛠️ Tooling"],"sub_categories":["UI Components","Web Components","Works with Solid","✍️ Blog Posts","Storage","Community","Frameworks \u0026 Component Libraries","Tutorials","Official Resources","Online Courses","🗣️ Podcasts","📹 Videos/Screencasts/Twitch","🏃 Examples and Starter Kits","Apps/Websites","Internationalisation","State Management","Helpers","Querying/GraphQL","Misc.","Open Source","SSR","DX","Form","Routing","SEO","Authentication \u0026 Authorization","Testing","Styling","Books"],"readme":"\u003cp align=\"center\"\u003e\n  \u003cbr\u003e\n    \u003cimg width=\"400\" src=\"./assets/awesome-solid.png\" alt=\"logo of awesome-solid-js repository\"/\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n\u003c/p\u003e\n\n## Awesome Solid.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\n\u003e A curated list of awesome things related to SolidJS\n\n- [Resources](#resources)\n  - [Official Resources](#official-resources)\n  - [External Resources](#external-resources)\n  - [Community](#community)\n  - [Conferences](#conferences)\n  - [Podcasts](#%EF%B8%8F-podcasts)\n  - [Videos/Screencasts/Twitch](#-videosscreencaststwitch)\n  - [Examples, Starter Kits, Explorations and Integrations](#-examples-and-starter-kits)\n  - [Tutorials](#tutorials)\n  - [Blog Posts](#%EF%B8%8F-blog-posts)\n- [Components \u0026 Libraries](#-components--libraries)\n  - [UI Components](#ui-components)\n  - [Forms](#form)\n  - [Routing](#routing)\n  - [SEO](#seo)\n  - [Internationalisation](#internationalisation)\n  - [State Management](#state-management)\n  - [Web Components](#web-components)\n  - [Frameworks \u0026 Component Libraries](#frameworks--component-libraries)\n  - [Authentication \u0026 Authorization](#authentications--authorization)\n  - [Helpers(like React hooks, or Vue composables for SolidJS)](#helpers)\n  - [Testing](#testing)\n  - [DX](#dx)\n  - [SSR](#ssr)\n  - [Works with Solid](#works-with-solid)\n\n## Resources\n### Official Resources\n- [Official Guide](https://www.solidjs.com/guide)\n- [Official Tutorial](https://www.solidjs.com/tutorial)\n- [API Reference](https://www.solidjs.com/docs/latest/api)\n- [GitHub Repo](https://github.com/solidjs/solid)\n- [Release Notes](https://github.com/solidjs/solid/releases)\n- [Resource Index](https://www.solidjs.com/resources)\n- [Playground](https://github.com/solidjs/solid-playground)\n\n### External Resources\n- _Coming Soon_\n\n### Community\n- [Twitter](https://twitter.com/solid_js)\n- [Reddit](https://www.reddit.com/r/solidjs)\n- [Discord](https://discord.com/invite/solidjs)\n\n### Conferences\n- _Coming Soon_\n\n### Online Courses\n- [Solid JS \u0026 Firebase - The Complete Guide (Twitter Clone App)](https://www.udemy.com/course/solid-js-firebase-the-complete-guide-twitter-clone-app/) - (**Udemy Course Paid**)\n\n### 🗣️ Podcasts\n- [The Deep Dive Episode 4: Reactive frontend frameworks](https://www.youtube.com/watch?v=iyY1lT8-ZDA)\n- [React vs Svelte vs Solid \u0026 MicroFrontends | Ryan Carniato](https://show.nikoskatsikanis.com/episodes/ryan-carniato) On the hard choices all companies are facing right now with their websites, especially with the performance\n- [Ryan Carniato on SolidJS](https://runtimepodcast.com/#7)Discussion on some of the similarities and differences between different UI frameworks, and talk about what things SolidJS has taken from react __The Runtime Podcast__\n- [A Solid option for building UIs](https://overcast.fm/+Id5U6EB5M) __JS Party__\n\n### 📹 Videos/Screencasts/Twitch\n- [React to Solid - Stream With Ryan Carniato](https://www.youtube.com/watch?v=p8e9ta269x8)\n- [Solid.js - the NEXT React? In-depth Code Analysis](https://www.youtube.com/watch?v=_ne2BsvFBH0)\n- [REACTive Context in Solid.js](https://www.youtube.com/watch?v=j8ANWdE7wfY)\n- [Solid.js - A Fast, Declarative, Compiled Web UI Library - Better than React.js?](https://www.youtube.com/watch?v=P8iGK8zYzns)\n- [Solid Javascript UI Framework](https://www.youtube.com/playlist?list=PLtLhzwNMDs1fMi43erQSzXD49Y4p0TniU) (Youtube Playlist)\n- [Hottest React Competitor](https://www.youtube.com/watch?v=StLjM0Ki6iA)\n- [React vs SolidJS, Fight!](https://www.youtube.com/watch?v=OqcHoLWyyIw)\n- [Let's Learn SolidJS](https://www.youtube.com/watch?v=ZZ-a7B761Ds)\n\n#### Ryan Streams\nRyan's in-depth streams on all things Solid \u0026 reactivity\n- [Fine-Grained Reactivity](https://www.youtube.com/watch?v=b9e7VXs_A4s)\n- [First look at DOM Expressions](https://www.youtube.com/watch?v=jnZmG4hyNas)\n- [Streaming SolidJS - Context, Async, \u0026 Suspense](https://www.youtube.com/watch?v=8Ou6domKfU4)\n- [Streaming SolidJS - Server Rendering](https://www.youtube.com/watch?v=0zadjVUV7zM)\n- [Streaming SolidJS: Routing](https://www.youtube.com/watch?v=YxroH_MXuhw)\n- [Streaming SolidJS: Concurrent Rendering without a Virtual DOM](https://www.youtube.com/watch?v=Hdc5QqPfFH8)\n- [Streaming HTML, Solid 1.3, and More](https://www.youtube.com/watch?v=8hlo9uPrpr4)\n\n### 🏃 Examples and Starter Kits\n#### Official Examples\n- [Official Examples](https://www.solidjs.com/examples)\n- [Todo MVC](https://github.com/solidjs/solid-todomvc)\n- [Hacker News](https://github.com/solidjs/solid-hackernews)\n- [Realworld](https://github.com/solidjs/solid-realworld)\n\n#### Community Examples\n- [Whiteboard](https://github.com/wobsoriano/solid-whiteboard)\n- [Kauchicups](https://gitlab.com/_mike/kuachicups/-/tree/master)\n- [TailwindCSS Layouts](https://tailwind-layouts.vercel.app/?environment=solid-js)\n\n#### Starter Kits\n- [Solid Templates](https://github.com/solidjs/templates)(official)\n- [Vite + Solid + TailwindCSS Starter](https://github.com/wobsoriano/vite-solid-tailwind-starter)\n- [Solid + Supabase Starter Kit](https://github.com/one-aalam/solid-starter-kit) - Solid + Supabase Starter Kit is an opinionated boilerplate, with all the bells and whistles you want ready, up and running when starting a SolidJS project with Supabase\n- [Solid + Wundergraph](https://github.com/verdavaine/solidgraph) - Build applications with SolidJs and WunderGraph\n- [create-solid-library](https://github.com/bluskript/create-solid-library) - Create a new Solid component library in seconds!\n- [Solid + Vite + Electron Starter](https://github.com/tgrassl/solid-vite-electron) - Build an Electron app with SolidJS\n- [DBEST Stack](https://github.com/itsyoboieltr/dbest-stack) - DrizzleORM, Bun, ElysiaJS, SolidStart, Tailwind CSS stack.\n\n### Tutorials\n- [Learn Solid](https://www.solidjs.com/guide#learn-solid)(Official)\n- [Solid.js for X developer](https://github.com/teknologi-umum/solidjs-for-x-developer). A brief guide for Vue, Svelte and React developers to Solid.js.\n\n### Books\n- [SolidJS: The Complete Guide by Sinan Polat](https://solid.courses/p/solidjs-the-complete-guide) A comprehensive guide to reactive web development with SolidJS and TypeScript.\n\n### ✍️ Blog Posts\n#### The _Why's?_\n- [Introducing the SolidJS UI Library](https://dev.to/ryansolid/introducing-the-solidjs-ui-library-4mck)\n- [SolidJS Official Release: The long road to 1.0](https://dev.to/ryansolid/solidjs-official-release-the-long-road-to-1-0-4ldd)\n- [SolidJS: The Tesla of JavaScript UI Frameworks?](https://ryansolid.medium.com/solidjs-the-tesla-of-javascript-ui-frameworks-6a1d379bc05e)\n- [JavaScript Frameworks and Metagaming](https://dev.to/this-is-learning/javascript-frameworks-and-metagaming-pb5)\n- [A Look at Compilation in JavaScript Frameworks](https://dev.to/this-is-learning/a-look-at-compilation-in-javascript-frameworks-3caj)\n- [JavaScript UI Compilers: Comparing Svelte and Solid](https://ryansolid.medium.com/javascript-ui-compilers-comparing-svelte-and-solid-cbcba2120cea)\n- [A few reasons why I love Solid.js](https://dev.to/trusktr/a-few-reasons-why-i-love-solid-js-4036)\n- [The Real Cost of UI Components Revisited](https://dev.to/this-is-learning/the-real-cost-of-ui-components-revisited-4d23)\n- [Solid - The best JavaScript UI library?](https://areknawo.com/solid-the-best-javascript-ui-library/)\n- [How we wrote the Fastest JavaScript UI Framework, Again!](https://levelup.gitconnected.com/how-we-wrote-the-fastest-javascript-ui-framework-again-db097ddd99b6)\n- [The Journey to Isomorphic Rendering Performance](https://indepth.dev/posts/1324/the-journey-to-isomorphic-rendering-performance)\n- [5 Ways SolidJS Differs from Other JS Frameworks](https://dev.to/ryansolid/5-ways-solidjs-differs-from-other-js-frameworks-1g63)\n- [A Hands-on Introduction to Fine-Grained Reactivity](https://dev.to/ryansolid/a-hands-on-introduction-to-fine-grained-reactivity-3ndf)\n- [Building a Reactive Library from Scratch](https://dev.to/ryansolid/building-a-reactive-library-from-scratch-1i0p)\n- [Building JavaScript Frameworks to Conquer eCommerce](https://dev.to/this-is-learning/building-javascript-frameworks-to-conquer-ecommerce-3glc)\n- [SolidJS creator: JavaScript innovation isn’t slowing down](https://www.infoworld.com/article/3626348/solidjs-creator-javascript-innovation-isnt-slowing-down.html)\n- [JavaScript vs JavaScript. Fight!](https://dev.to/this-is-learning/javascript-vs-javascript-fight-53fa)\n- [Solid.js feels like what I always wanted React to be](https://typeofnan.dev/solid-js-feels-like-what-i-always-wanted-react-to-be/)\n\n#### Powered by Solid\n- [5 Reasons why we chose to transpile to SolidJS instead of React](https://dev.to/chrisczopp/5-reasons-why-we-chose-to-transpile-to-solidjs-instead-of-react-3pcl)\n- [Front-end Studio powered by SolidJS](https://dev.to/przemek/front-end-studio-powered-by-solidjs-e5o)\n\n#### The _Why not's?_\n- [5 Places SolidJS is not the Best](https://dev.to/this-is-learning/5-places-solidjs-is-not-the-best-5019)\n\n\u003c!-- ### Courses\n- _Coming Soon__ --\u003e\n\n\u003c!-- ## Projects Using Solid.js --\u003e\n\u003c!-- Enable and add to sections\n --\u003e\n### Open Source\n- [Codeimage.dev](https://github.com/riccardoperra/codeimage) - Create elegant screenshots of your source code. Built with SolidJS\n- [Bloki.app](https://github.com/MrFoxPro/bloki) - Blocks-based collaborative editor\n_more coming soon..._\n\n\u003c!-- ### Commercial Products\n- _Coming Soon__ --\u003e\n\n### Apps/Websites\n- [Made in Solid](https://github.com/solidjs-community/made-in-solid#readme) - SolidJS Portfolio — What have people built with it?\n- [ambient-rvx.web.app](https://ambient-rvx.web.app/)\n- [artbyqreature.com](https://artbyqreature.com/)\n\n\u003c!-- ### Enterprise Usage\n- _Coming Soon__ --\u003e\n\n## 🛠️ Tooling\n\n- [bun-plugin-solid](https://github.com/DaniGuardiola/bun-plugin-solid) - A plugin to compile Solid.js with Bun.\n\n## 📦 Components \u0026 Libraries\n\n### UI Components\n\n#### Table\n- [Solid Simple Table](https://github.com/aminya/solid-simple-table) ([NPM](https://www.npmjs.com/package/solid-simple-table))\n- [Solid Table](https://github.com/mokshit06/solid-table) ([NPM](https://www.npmjs.com/package/@tanstack/solid-table))\n- [TanStack Solid Table](https://tanstack.com/table) ([NPM](https://www.npmjs.com/package/@tanstack/solid-table))\n\n\u003c!-- #### Notification --\u003e\n\u003c!-- #### Loader --\u003e\n\u003c!-- #### Tooltip --\u003e\n#### Overlay\n- [Solid Popper](https://github.com/lxsmnsyc/solid-popper)\n- [Solid Dismiss](https://github.com/aquaductape/solid-dismiss)\n- [Solid Ninja Keys](https://github.com/wobsoriano/solid-ninja-keys)\n- [Solid Tippy](https://github.com/lxsmnsyc/solid-tippy) ([NPM](https://www.npmjs.com/package/solid-tippy))\n- [Solid Floating UI](https://github.com/lxsmnsyc/solid-floating-ui)\n\n#### Layout\n- [Solid Split Pane](https://github.com/bluskript/solid-split-pane)\n\n#### Icons\n- [Unplugin Icons](https://github.com/antfu/unplugin-icons) ([NPM](https://www.npmjs.com/package/unplugin-icons))\n- [Solid Icons](https://github.com/x64Bits/solid-icons) ([NPM](https://www.npmjs.com/package/solid-icons))\n- [Solid HeroIcons](https://github.com/amoutonbrady/solid-heroicons) ([NPM](https://www.npmjs.com/package/@amoutonbrady/solid-heroicons))\n- [Solid SVG](https://github.com/jfgodoy/vite-plugin-solid-svg) ([NPM](https://www.npmjs.com/package/vite-plugin-solid-svg))\n- [Phosphor Solid](https://www.npmjs.com/package/phosphor-solid)\n\n\u003c!-- #### Menu --\u003e\n#### Carousel\n- [Solid Slider](https://github.com/davedbase/solid-slider)\n\n#### Charts\n- [Solid Chart.js](https://github.com/s0ftik3/solid-chartjs) ([NPM](https://www.npmjs.com/package/solid-chartjs))\n- [Solid ApexCharts](https://github.com/wobsoriano/solid-apexcharts)\n\n#### Animation\n- [Solid Transition Group](https://github.com/solidjs/solid-transition-group)(official)\n- [Solid Particles - Particles, confetti, fireworks and more animations](https://github.com/tsparticles/solid)\n- [Solid Flip](https://github.com/otonashixav/solid-flip)\n- [Solid Spring](https://github.com/Aslemammad/solid-spring)\n- [Solid MotionOne](https://motion.dev/solid/quick-start)\n- [AutoAnimate](https://auto-animate.formkit.com/#installation)\n\n\u003c!-- #### Calendar --\u003e\n#### Map\n- [Solid MapGL](https://github.com/GIShub4/solid-map-gl)\n\u003c!-- #### Audio / Video --\u003e\n#### Markdown\n- [Solid Markdown](https://github.com/andi23rosca/solid-markdown) - Render Markdown as Solid components\n- [Solid MDX](https://github.com/high1/solid-jsx)\n\n#### Drag and Drop\n- [Solid DnD](https://solid-dnd.com/)\n- [Solid DND Directive](https://github.com/isaacHagoel/solid-dnd-directive)\n- [Neodrag](https://github.com/PuruVJ/neodrag) ([NPM](https://www.npmjs.com/package/@neodrag/solid))\n\u003c!-- #### PDF --\u003e\n\u003c!-- #### Tree --\u003e\n\u003c!-- #### Graph --\u003e\n\u003c!-- #### Search --\u003e\n#### List\n- [Solid Virtual Container](https://github.com/minht11/solid-virtual-container) ([NPM](https://www.npmjs.com/package/@minht11/solid-virtual-container))\n- [TanStack Virtual](https://tanstack.com/virtual/v3) ([NPM](https://www.npmjs.com/package/@tanstack/solid-virtual))\n- [Virtua](https://github.com/inokawa/virtua) ([NPM](https://www.npmjs.com/package/virtua))\n\n#### Scrollbar\n- [Perfectly Scrollable](https://github.com/dolsem/perfectly-scrollable) ([NPM](https://www.npmjs.com/package/perfectly-scrollable))\n\n#### Select\n- [Solid Select](https://github.com/thisbeyond/solid-select)\n- [Solid Multi-select](https://github.com/DigiChanges/solid-multiselect)\n\n#### Slider\n- [Solid Slider](https://github.com/davedbase/solid-slider) ([NPM](https://www.npmjs.com/package/solid-slider))\n\n#### Toast / Snackbar\n- [Solid Toast](https://www.solid-toast.com/) ([NPM](https://www.npmjs.com/package/solid-toast))\n- [Solid Sonner](https://solid-sonner.vercel.app) ([NPM](https://www.npmjs.com/package/solid-sonner))\n\n#### Image\n- [Zoom Image Library](https://willnguyen1312.github.io/zoom-image) - A little yet powerful framework agnostic headless-library to zoom image on the web\n\n#### Misc\n- [Solid Readotron](https://github.com/untemps/solid-readotron) ([NPM](https://www.npmjs.com/package/@untemps/solid-readotron))\n\n### Form\n- [Felte](https://github.com/pablo-abc/felte)\n- [FormGear](https://github.com/AdityaSetyadi/form-gear)\n- [Solar Forms](https://github.com/kajetansw/solar-forms)\n- [Solid Forms](https://github.com/jorroll/solid-forms) - Making reusable form components easy and composable. Built upon solid-js/store.\n- [Solform](https://github.com/ragokan/solform) - Very lightweight and simply managed forms.\n- [Solid-quiz](https://github.com/doldsimo/solid-quiz) - Simple quiz component\n\n#### Rich-Text Editor\n- [Lexical Solid](https://github.com/mosheduminer/lexical-solid)\n- [Solid Quill](https://github.com/amoutonbrady/solid-quill) ([NPM](https://www.npmjs.com/package/solid-quill))\n- [TipTap Solid](https://github.com/andi23rosca/tiptap-solid)\n- [Slate Solid](https://github.com/poudels14/slate-solid)\n\n\n### Routing\n- [Solid App Router](https://github.com/solidjs/solid-app-router)(official)\n- [Solid Typefu Router5](https://github.com/mikeplus64/solid-typefu-router5)\n- [Solid Tiny Router](https://github.com/LXSMNSYC/solid-tiny-router) - Tiny routing library for SolidJS\n\n### SEO\n- [Solid Meta](https://github.com/solidjs/solid-meta)(official)\n\n### Internationalisation\n\n- [Solid Primitives — i18n](https://github.com/solidjs-community/solid-primitives/tree/main/packages/i18n#readme) - Library of internationalisation primitives.\n- [Typesafe i18n](https://github.com/ivanhofer/typesafe-i18n/tree/main/packages/adapter-solid) - SolidJS adapter for [typesafe-i18n](https://github.com/ivanhofer/typesafe-i18n)\n- [i18n-pro/solid](https://github.com/i18n-pro/solid) - Lightweight, simple, flexible, automatic translation internationalization tool for Solid\n\n### State Management\n- [Solid Zustand](https://github.com/wobsoriano/solid-zustand)\n- [Solid Nanostores](https://github.com/nanostores/solid)\n- [Gstatem](https://github.com/gstatem/gstatem)\n- [Solid Services](https://github.com/exelord/solid-services)\n- [Effector](https://github.com/effector/effector/tree/master/packages/effector-solid)\n- [Solid Jotai](https://github.com/wobsoriano/solid-jotai)\n\n### Web Components\n\n- [Solid Element](https://github.com/solidjs/solid/tree/main/packages/solid-element) - Library for authoring web components with SolidJS.\n- [Lume Element](https://github.com/lume/element) - Fast and simple custom elements\n\n### Frameworks \u0026 Component Libraries\n\n- [Solid Blocks](https://atk.github.io/solid-blocks) - UI building blocks for SolidJS.\n- [Solid Headless](https://github.com/LXSMNSYC/solid-headless) - Headless UI for SolidJS\n- [Solid Bootstrap](https://solid-libs.github.io/solid-bootstrap/) - The most popular front-end framework, re-built for SolidJS\n- [Pigment](https://pigment.kobalte.dev/docs/core/overview/introduction) - A design system built with Kobalte and Tailwind CSS\n- [Kobalte](https://kobalte.dev/docs/core/overview/introduction) - An _unstyled_ UI toolkit for building accessible web apps and design systems\n- [Zag JS](https://zagjs.com/) - UI components powered by Finite State Machines\n- [Suid](https://github.com/swordev/suid) - A port of Material-UI (MUI) built with Solid.js\n- [Solid RevKit](https://github.com/specialdoom/solid-rev-kit) - RevKit UI for SolidJS\n- [Solid ARIA](https://github.com/solidjs-community/solid-aria) - A library of high-quality primitives that help you build accessible user interfaces with SolidJS\n- [Solid CodeMirror](https://github.com/nimeshnayaju/solid-codemirror) - CodeMirror 6 component for SolidJS\n- [Solid CodeMirror](https://github.com/riccardoperra/solid-codemirror) - CodeMirror 6 component for SolidJS (yes, there are two)\n- [Solid Knobs](https://github.com/tahti-studio/solid-knobs) - Primitives for building user-friendly controls with SolidJS\n- [Flowbite SolidJS](https://flowbite.com/docs/getting-started/solid-js/) - Open-source UI components based on Flowbite and Tailwind CSS\n- [Solid Material](https://github.com/ceopaludetto/solid-material)\n- [TW Elements SolidJS](https://tw-elements.com/docs/standard/integrations/solid-integration/) - Integrate Solid application with Open Source TW Elements - A free collection of  UI components, templates, sections \u0026 plugins for Tailwind CSS.\n- [Ark UI](https://ark-ui.com/) - Ark UI is a headless library for building reusable, scalable Design Systems that works for a wide range of JS frameworks.\n- [Mystic UI](https://mystic-ui.vercel.app/) - Cool and beautiful animated components, crafted with Tailwind / PandaCSS and Motion One. Unofficial port of Magic UI for Solid.\n\n### Authentication \u0026 Authorization\n\n- [msal-community-solid](https://github.com/saraelsa/msal-community-solid) ([NPM](https://www.npmjs.com/package/msal-community-solid)) - Authentication library for SolidJS SPAs based on the Microsoft Identity Platform\n\n### Helpers\nRe-usable behavioral code (like React hooks, or Vue composables for SolidJS)\n- [Solid Primitives](https://github.com/davedbase/solid-primitives)\n- [Solid Signals](https://www.npmjs.com/package/solid-signals)\n- [Solid Request](https://github.com/NelsonYong/solid-request)\n- [Solid Use](https://github.com/lxsmnsyc/solid-use) - A collection of SolidJS utilities\n- [Solid Immer](https://github.com/myWsq/solid-immer)\n- [Solid Proxies](https://github.com/Exelord/solid-proxies) - Solid.js library adding signaling to built-in non-primitives\n- [Solid Hooks](https://github.com/any-hooks/solid-hooks) - A high-quality \u0026 reliable Solid Hooks library.\n\n### Querying/GraphQL\n- [Solid URQL](https://github.com/Acidic9/solid-urql)\n- [TanStack Solid Query](https://tanstack.com/query/v4) ([NPM](https://www.npmjs.com/package/@tanstack/solid-query))\n\n### Testing\n- [Solid Jest](https://github.com/solidjs/solid-jest)(official)\n- [Solid Testing Library](https://github.com/solidjs/solid-testing-library)(official)\n- [solid-register](https://github.com/atk/solid-register)\n\n### DX\n- [Solid Refresh (HMR)](https://github.com/solidjs/solid-refresh)(official) - HMR for Solid for various bundlers\n- [ESLint for Solid](https://github.com/joshwilsonvu/eslint-plugin-solid) - Solid-specific linting rules for ESLint\n- [Roll-up preset for Solid Libraries](https://github.com/amoutonbrady/rollup-preset-solid) - Preset for rollup to bundle your solid libraries with rollup\n- [ESBuild Solid Plugin](https://github.com/amoutonbrady/esbuild-plugin-solid) ([NPM](https://www.npmjs.com/package/esbuild-plugin-solid)) - Plugin to compile solid-js jsx components with ESbuild.\n- [Babel Solid Plugin - Labels](https://github.com/LXSMNSYC/babel-plugin-solid-labels) - Simple, reactive labels for SolidJS\n- [Babel Solid Plugin - Undestructure](https://github.com/orenelbaum/babel-plugin-solid-undestructure) - Destructure component props without losing reactivity\n- [Solid SFC(Experimental)](https://github.com/LXSMNSYC/solid-sfc) - Experimental SFC compiler for SolidJS\n- [vite-plugin-inline-css-modules](https://github.com/Bluskript/vite-plugin-inline-css-modules) - Zero runtime plugin to write CSS modules inside of component files\n- [LocatorJS](https://github.com/infi-pc/locatorjs) - Click on any component to go to it's code. (it's also built with SolidJS)\n\n### Styling\n- [Solid Styled](https://github.com/LXSMNSYC/solid-styled) - Reactive stylesheets for SolidJS\n- [Discrete Typography](https://github.com/zaydek/discrete-typography) - Experimental tool inspired by Capsize, implemented in Solid JS. Generates x-height and cap-height CSS\n\n### Storage\n- [Solid Cache](https://github.com/lxsmnsyc/solid-cache) - Resource caching in SolidJS\n- [Solid Dexie](https://github.com/faassen/solid-dexie) - Dexie(wrapper around IndexedDB) integration for Solid\n- [Fireproof](https://use-fireproof.com/) - Pure JS, zero dependency, CRDT database for SolidJS - runs in the browser and connects to any cloud or backend\n\n### SSR\n- [Solid Start](https://github.com/solidjs/solid-start) - Official meta framework for SolidJS\n- [create-jd-app](https://github.com/OrJDev/create-jd-app) - The quickest and most efficient way to start new full stack, type safed Solid web app\n- [Solidus JS](https://github.com/Perivel/solidus-js) - Plug-and-Play SSR for SolidJS (In Development)\n\n### Works with Solid\n- [Astro](https://astro.build/)\n- [Mitosis](https://github.com/BuilderIO/mitosis)([playground](https://mitosis.builder.io/?outputTab=solid))\n- [Vite Plugin - SSR](https://vite-plugin-ssr.com/)([Solid Example](https://github.com/brillout/vite-plugin-ssr/tree/master/examples/solid))\n\n### Misc.\n- [Solid Giphy](https://github.com/lxsmnsyc/solid-giphy)\n- [Solid Emoji Picker](https://github.com/LXSMNSYC/solid-emoji-picker) - Unstyled emoji picker for SolidJS\n- [Solid Firebase](https://github.com/wobsoriano/solid-firebase/)\n- [Solid Command Palette](https://github.com/itaditya/solid-command-palette) - UI Library for Command Palette in SolidJS webapps\n- [React2Solid](https://github.com/rrjanbiah/react2solid)\n- [Solid Keep-Alive](https://www.npmjs.com/package/solid-keep-alive) - Keep you components alive even after parent's unmounts, saving signals and DOM elements in cache to reuse them.\n\n\n_more coming soon..._\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/one-aalam%2Fawesome-solid-js/projects"}