Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-solid-js

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.
https://github.com/one-aalam/awesome-solid-js

Last synced: 1 day ago
JSON representation

Resources
- Official Resources
- 🏃 Examples and Starter Kits
  - Todo MVC
  - Hacker News
  - Realworld
  - Whiteboard
  - Vite + Solid + TailwindCSS Starter
  - Solid + Wundergraph - Build applications with SolidJs and WunderGraph
  - create-solid-library - Create a new Solid component library in seconds!
  - Solid + Vite + Electron Starter - Build an Electron app with SolidJS
  - Official Examples
  - Kauchicups
  - TailwindCSS Layouts
  - Solid Templates
  - Solid + Supabase 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
  - DBEST Stack - DrizzleORM, Bun, ElysiaJS, SolidStart, Tailwind CSS stack.
- Tutorials
  - Solid.js for X developer
  - Learn Solid
- ✍️ Blog Posts
- Open Source
  - Codeimage.dev - Create elegant screenshots of your source code. Built with SolidJS
  - Bloki.app - Blocks-based collaborative editor
- Apps/Websites
  - Made in Solid - SolidJS Portfolio — What have people built with it?
  - ambient-rvx.web.app
  - artbyqreature.com
- Community
  - Twitter
  - Reddit
  - Discord
- Online Courses
  - Solid JS & Firebase - The Complete Guide (Twitter Clone App) - (**Udemy Course Paid**)
- 🗣️ Podcasts
- 📹 Videos/Screencasts/Twitch
- Books
  - SolidJS: The Complete Guide by Sinan Polat
🛠️ Tooling
- Apps/Websites
  - bun-plugin-solid - A plugin to compile Solid.js with Bun.
📦 Components & Libraries
- UI Components
  - Solid Simple Table - simple-table))
  - Solid Table - table))
  - Solid Popper
  - Solid Dismiss
  - Solid Ninja Keys
  - Solid Tippy - tippy))
  - Solid Floating UI
  - Solid Split Pane
  - Solid Icons - icons))
  - Solid HeroIcons - heroicons))
  - Solid SVG - plugin-solid-svg))
  - Solid ApexCharts
  - Solid Transition Group
  - Solid Flip
  - Solid Spring
  - Solid MapGL
  - Solid Markdown - Render Markdown as Solid components
  - Solid MDX
  - Solid DND Directive
  - Neodrag
  - Solid Virtual Container - virtual-container))
  - Virtua
  - Perfectly Scrollable - scrollable))
  - Solid Select
  - Solid Multi-select
  - Zoom Image Library - A little yet powerful framework agnostic headless-library to zoom image on the web
  - Solid Readotron - readotron))
  - Solid Sonner - sonner))
  - Solid Chart.js - chartjs))
  - TanStack Solid Table - table))
  - Solid Particles - Particles, confetti, fireworks and more animations
  - Solid Slider - slider))
  - Phosphor Solid
  - Solid Chart.js - chart.js))
  - Solid DnD
  - TanStack Virtual - virtual))
  - Solid Toast - toast))
  - Solid Particles - Particles, confetti, fireworks and more animations
  - Solid MotionOne
  - AutoAnimate
  - Unplugin Icons - icons))
  - Solid Transition Group
  - Solid Spring
- Form
  - Felte
  - FormGear
  - Solar Forms
  - Solid Forms - Making reusable form components easy and composable. Built upon solid-js/store.
  - Solform - Very lightweight and simply managed forms.
  - Solid-quiz - Simple quiz component
  - Lexical Solid
  - Solid Quill - quill))
  - TipTap Solid
  - Slate Solid
  - FormGear
- Frameworks & Component Libraries
  - Solid Blocks - UI building blocks for SolidJS.
  - Solid Headless - Headless UI for SolidJS
  - Solid Bootstrap - The most popular front-end framework, re-built for SolidJS
  - TW Elements SolidJS - Integrate Solid application with Open Source TW Elements - A free collection of UI components, templates, sections & plugins for Tailwind CSS.
  - Ark UI - Ark UI is a headless library for building reusable, scalable Design Systems that works for a wide range of JS frameworks.
  - Pigment - A design system built with Kobalte and Tailwind CSS
  - Solid ARIA - A library of high-quality primitives that help you build accessible user interfaces with SolidJS
  - Solid CodeMirror - CodeMirror 6 component for SolidJS
  - Solid CodeMirror - CodeMirror 6 component for SolidJS (yes, there are two)
  - Solid Knobs - Primitives for building user-friendly controls with SolidJS
  - Flowbite SolidJS - Open-source UI components based on Flowbite and Tailwind CSS
  - Solid Material
  - Kobalte - An _unstyled_ UI toolkit for building accessible web apps and design systems
  - Zag JS - UI components powered by Finite State Machines
  - Suid - A port of Material-UI (MUI) built with Solid.js
  - Solid RevKit - RevKit UI for SolidJS
  - Mystic UI - Cool and beautiful animated components, crafted with Tailwind / PandaCSS and Motion One. Unofficial port of Magic UI for Solid.
  - Kobalte - An _unstyled_ UI toolkit for building accessible web apps and design systems
  - Solid Headless - Headless UI for SolidJS
- Querying/GraphQL
  - Solid URQL
  - TanStack Solid Query - query))
  - Solid URQL
- Testing
- DX
  - Solid Refresh (HMR) - HMR for Solid for various bundlers
  - ESLint for Solid - Solid-specific linting rules for ESLint
  - Roll-up preset for Solid Libraries - Preset for rollup to bundle your solid libraries with rollup
  - ESBuild Solid Plugin - plugin-solid)) - Plugin to compile solid-js jsx components with ESbuild.
  - Babel Solid Plugin - Labels - Simple, reactive labels for SolidJS
  - Babel Solid Plugin - Undestructure - Destructure component props without losing reactivity
  - Solid SFC(Experimental) - Experimental SFC compiler for SolidJS
  - vite-plugin-inline-css-modules - Zero runtime plugin to write CSS modules inside of component files
  - LocatorJS - Click on any component to go to it's code. (it's also built with SolidJS)
  - Roll-up preset for Solid Libraries - Preset for rollup to bundle your solid libraries with rollup
  - ESLint for Solid - Solid-specific linting rules for ESLint
  - Babel Solid Plugin - Labels - Simple, reactive labels for SolidJS
- Styling
  - Solid Styled - Reactive stylesheets for SolidJS
  - Discrete Typography - Experimental tool inspired by Capsize, implemented in Solid JS. Generates x-height and cap-height CSS
- Storage
  - Solid Cache - Resource caching in SolidJS
  - Solid Dexie - Dexie(wrapper around IndexedDB) integration for Solid
  - Fireproof - Pure JS, zero dependency, CRDT database for SolidJS - runs in the browser and connects to any cloud or backend
- SSR
  - Solid Start - Official meta framework for SolidJS
  - Solidus JS - Plug-and-Play SSR for SolidJS (In Development)
  - create-jd-app - The quickest and most efficient way to start new full stack, type safed Solid web app
- Works with Solid
  - Mitosis
  - Astro
  - Vite Plugin - SSR - plugin-ssr/tree/master/examples/solid))
- Misc.
  - Solid Giphy
  - Solid Emoji Picker - Unstyled emoji picker for SolidJS
  - Solid Firebase
  - Solid Command Palette - UI Library for Command Palette in SolidJS webapps
  - React2Solid
  - Solid Keep-Alive - Keep you components alive even after parent's unmounts, saving signals and DOM elements in cache to reuse them.
  - Solid Firebase
- Helpers
  - Solid Signals
  - Solid Hooks - A high-quality & reliable Solid Hooks library.
  - Solid Request
  - Solid Use - A collection of SolidJS utilities
  - Solid Immer
  - Solid Proxies - Solid.js library adding signaling to built-in non-primitives
  - Solid Primitives
- Web Components
  - Solid Element - Library for authoring web components with SolidJS.
  - Lume Element - Fast and simple custom elements
- Internationalisation
  - Solid Primitives — i18n - Library of internationalisation primitives.
  - Typesafe i18n - SolidJS adapter for [typesafe-i18n](https://github.com/ivanhofer/typesafe-i18n)
  - i18n-pro/solid - Lightweight, simple, flexible, automatic translation internationalization tool for Solid
- State Management
- Authentication & Authorization
  - msal-community-solid - community-solid)) - Authentication library for SolidJS SPAs based on the Microsoft Identity Platform
- Routing
  - Solid Typefu Router5
  - Solid Tiny Router - Tiny routing library for SolidJS
  - Solid App Router
- SEO
  - Solid Meta

Programming Languages

TypeScript 100 JavaScript 8 MDX 1

Ecosyste.ms: Awesome

awesome-solid-js

Resources

Official Resources

🏃 Examples and Starter Kits

Tutorials

✍️ Blog Posts

Open Source

Apps/Websites

Community

Online Courses

🗣️ Podcasts

📹 Videos/Screencasts/Twitch

Books

🛠️ Tooling

Apps/Websites

📦 Components & Libraries

UI Components

Form

Frameworks & Component Libraries

Querying/GraphQL

Testing

DX

Styling

Storage

SSR

Works with Solid

Misc.

Helpers

Web Components

Internationalisation

State Management

Authentication & Authorization

Routing

SEO