one-aalam / 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.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


logo of awesome-solid-js repository

Awesome Solid.js Awesome

A curated list of awesome things related to SolidJS

Resources

Official Resources

External Resources

  • Coming Soon

Community

Conferences

  • Coming Soon

Online Courses

🗣️ Podcasts

📹 Videos/Screencasts/Twitch

Ryan Streams

Ryan's in-depth streams on all things Solid & reactivity

🏃 Examples and Starter Kits

Official Examples

Community Examples

Starter Kits

Tutorials

Books

  • Coming Soon_

✍️ Blog Posts

The Why's?

Powered by Solid

The Why not's?

Open Source

  • Codeimage.dev - Create elegant screenshots of your source code. Built with SolidJS
  • Bloki.app - Blocks-based collaborative editor more coming soon...

Apps/Websites

🛠️ Tooling

📦 Components & Libraries

UI Components

Table

Overlay

Layout

Icons

Carousel

Charts

Animation

Map

Markdown

Drag and Drop

List

Scrollbar

Select

Slider

Toast / Snackbar

Image

  • Zoom Image Library - A little yet powerful framework agnostic headless-library to zoom image on the web

Misc

Form

Rich-Text Editor

Routing

SEO

Internationalisation

State Management

Web Components

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
  • Pigment - A design system built with Kobalte and Tailwind CSS
  • 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
  • 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
  • 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.

Authentication & Authorization

Helpers

Re-usable behavioral code (like React hooks, or Vue composables for SolidJS)

Querying/GraphQL

Testing

DX

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
  • create-jd-app - The quickest and most efficient way to start new full stack, type safed Solid web app
  • Solidus JS - Plug-and-Play SSR for SolidJS (In Development)

Works with Solid

Misc.

more coming soon...

About

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.

License:MIT License