solid VS SvelteKit

Compare solid vs SvelteKit and see what are their differences.

solid

A declarative, efficient, and flexible JavaScript library for building user interfaces. (by solidui)
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
solid SvelteKit
52 608
30,813 17,471
1.5% 1.9%
8.9 9.8
1 day ago 7 days ago
TypeScript JavaScript
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

solid

Posts with mentions or reviews of solid. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-04-18.
  • Resources for understanding the Solid compiler
    3 projects | /r/solidjs | 18 Apr 2023
    The reactivity core, which is in https://github.com/solidjs/solid This is where you'll see the reactivity runtime implementation. Take note that Solid's reactivity doesn't rely on compile-time magic
  • Solid JS compared to svelte?
    2 projects | /r/solidjs | 17 Mar 2023
    This is very true. I really hate svelte single file components. But then I tried JSX for breaking things down. I love solid but I don't feel really good about angle brackets within C style syntax. I saw this Scala library that stick with simple statically typed function syntax than html tags. I don't understand why people still wants to stick with xml like tags. In laminar markup is written like this scala div( h1("Hello world", color := "red"), inputCaption, input(inputMods, name := "fullName"), div( ">>", button("Submit"), "<<" ) ) I wish solid team makes their HyperScript syntax as performant as JSX.
  • Building an E-commerce Store: A Step-by-Step Guide with Solidjs and Medusa
    3 projects | dev.to | 8 Mar 2023
    What is Solid?
  • Learn how to install SolidJS with Flowbite and Tailwind CSS
    6 projects | dev.to | 20 Feb 2023
    import logo from './logo.svg'; import styles from './App.module.css'; import 'flowbite'; function App() { return (
    logo

    Edit src/App.jsx and save to reload.

    Learn Solid, Tailwind CSS and Flowbite Toggle Flowbite modal
    ); } export default App;
  • Does solid start support CSR or SSG if so how?
    3 projects | /r/solidjs | 14 Feb 2023
    There is example of each technique in Solid's main repo: https://github.com/solidjs/solid/tree/main/packages/solid-ssr/examples
  • Flutter 3 の状態管理 (State、ステート): アプローチ (概念)
    3 projects | dev.to | 7 Jan 2023
  • Super Charging Fine-Grained Reactive Performance
    9 projects | dev.to | 1 Dec 2022
    Current reactivity benchmarks (Solid, CellX, Maverick) are focused on creation time, and update time for a static graph. Additionally, existing benchmarks aren't very configurable, and don't test for dynamic dependencies.
  • a first look at solidstart
    3 projects | dev.to | 23 Nov 2022
    Before diving into SolidStart, it's worth taking a moment to outline the history and motivation behind the creation of Solid. Branded as "a reactive JavaScript library for building user interfaces," Ryan open sourced the framework on April 24, 2018. It was designed as a spiritual successor to the reactive programming model exemplified by KnockoutJS.
  • Deno 1.28: Featuring 1.3M New Modules
    12 projects | news.ycombinator.com | 14 Nov 2022
    As always, less complexity and less expressive power at a given level go hand in hand: as far as I could understand, Deno as it exists right now can’t work with a relatively tame nonstandard approach to JSX such as that in Solid.js[1] (without essentially running a build step at startup), let alone a full language extension like Svelte[2] (there is a thing for that now[3], but I think it still squeezes in a build system somehow).

    [1] https://github.com/solidjs/solid/discussions/332

    [2] https://github.com/sveltejs/svelte/issues/4431

    [3] https://github.com/crewdevio/Snel

  • Reviewing 2021 and predicting 2022
    6 projects | dev.to | 12 Sep 2022
    This one hit late so I put it in July - SolidJS releases version 1.0.0. Never heard of it checkout the perf chart Ryan Carniato wroteup.

SvelteKit

Posts with mentions or reviews of SvelteKit. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-03-03.
  • Cannot CRUD cookies in SvelteKit from another port
    2 projects | news.ycombinator.com | 3 Mar 2024
  • The State of Angular SSR Deployment in 2024
    11 projects | dev.to | 2 Mar 2024
    These adapters, for example, were built by the community: https://github.com/sveltejs/kit/tree/master/packages/adapter-vercel https://github.com/nuxt/vercel-builder If somebody builds a working one for Angular Universal, we will gladly add it to our Framework Presets → https://vercel.com/docs/concepts/deployments/build-step#framework-preset.
  • AI for Web Devs: Deploying Your AI App to Production
    6 projects | dev.to | 7 Feb 2024
    UPDATE: If you liked this project and are curious to see what it might look like as a SvelteKit app, check out this blog post by Tim Smith where he converts this existing app over.
  • Ask HN: Looking for lightweight personal blogging platform
    35 projects | news.ycombinator.com | 6 Feb 2024
    I've played around with several platforms in the last year or so. I've landed on the following setup that works very well for me and ticks all your boxes:

    A SvelteKit[0] app hosted on Cloudflare pages. The repo is hosted on GitHub and hooked up to the Cloudflare Pages app [1]. On PRs, I get preview environments. On merge, the changes get deployed to my "production" website. I write blog posts and other content in markdown, which is then processed by mdsvex[2] with very minimal setup.

    Mostly, my requirements were more focused around getting the actual framework, hosting, etc. out of my way so that I could focus on writing. Gatsby and Next.js were too configuration heavy and turned me off once I scratched beyond the surface.

    [0] https://kit.svelte.dev/

  • Mini site for recommending songs using Svelte & Deno
    2 projects | dev.to | 3 Feb 2024
    Behind the scenes is a simple Sveltekit-powered server function to fetch a Spotify client token then find a user's recommendation playlist and its track information. A Deno edge function to performs this data fetch and renders server-side Svelte.
  • Removing React is just weakness leaving your codebase
    6 projects | dev.to | 31 Jan 2024
    It’s 2024, and you are about to start a new project. Do you reach for React, a framework you know and love or do you look at one of the other hot new frameworks like Astro, Enhance, 11ty, SvelteKit or gasp, plain vanilla Web Components?
  • CryptoFlow: Building a secure and scalable system with Axum and SvelteKit - Part 5
    3 projects | dev.to | 22 Jan 2024
    From part 0 to part 4, we built out CryptoFlow's backend service. Though we can quickly use Postman, VS Code's ThunderClient or automated tests to see the endpoints working easily, this isn't all we want. We want to actively interact with the backend service via some intuitive user interface. Also, a layman wouldn't be able to "consume" the service we've built in the last parts. This article introduces building out the user interface of the system. We will be using SvelteKit, a framework that streamlines web development, and TailwindCSS, the utility-first CSS framework. Let's dig in!
  • How I Contributed to Open-Source While Learning Svelte
    3 projects | dev.to | 21 Jan 2024
    The tutorial is composed of four parts, covering both Svelte and SvelteKit, which is a UI framework for Svelte.
  • CryptoFlow: Building a secure and scalable system with Axum and SvelteKit - Part 1
    3 projects | dev.to | 5 Jan 2024
    CryptoFlow is a full-stack web application built with Axum and SvelteKit. It's a Q&A system tailored towards the world of cryptocurrency!
  • Cryptoflow: Building a secure and scalable system with Axum and SvelteKit - Part 0
    12 projects | dev.to | 4 Jan 2024
    Being a pragmatist, it's always intriguing to learn by building cool systems with the best tools currently available. The last time I did this, three series came out and it was fulfilling. Having had some break, I decided to build something with axum, "a rust web application framework that focuses on ergonomics and modularity". As usual, SvelteKit comes to our rescue at the front end. What are we building? That's a nice question!

What are some alternatives?

When comparing solid and SvelteKit you can also consider the following projects:

Next.js - The React Framework

Nuxt.js - Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]

qwik - Instant-loading web apps, without effort

Express - Fast, unopinionated, minimalist web framework for node.

astro - The web framework for content-driven websites. ⭐️ Star to support our work!

vite - Next generation frontend tooling. It's fast!

Svelte - Cybernetically enhanced web apps

remix - Build Better Websites. Create modern, resilient user experiences with web fundamentals.

Angular - Deliver web apps with confidence 🚀

Playwright - Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

openapi-generator - OpenAPI Generator allows generation of API client libraries (SDK generation), server stubs, documentation and configuration automatically given an OpenAPI Spec (v2, v3)