JavaScript Preact

Open-source JavaScript projects categorized as Preact

Top 23 JavaScript Preact Projects

  • Preact

    ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

    Project mention: I redesigned and open-sourced my SC2 search engine! Now featuring interactive filtering, fuzzy matching and search categories | | 2023-01-16

    Frontend: Astro with React/Preact

  • codesandbox-client

    An online IDE for rapid web development

    Project mention: How to do cloud based development for Springboot similar to codesandbox | | 2023-02-01

    just like

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • razzle

    ✨ Create server-rendered universal JavaScript applications with no configuration

    Project mention: Top 5 React Boilerplates to Know in 2023 | | 2022-11-15

    5 Razzle Razzle Razzle uses this method to operate with a variety of frameworks, including Angular, Preact, Vue, Svelte, and not just React. While your app is running, just type rs in the console and press Enter to restart your server.

  • gitalk

    Gitalk is a modern comment component based on Github Issue and Preact.

  • nwb

    A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)

  • nerv

    A blazing fast React alternative, compatible with IE8 and React 16. (by NervJS)

  • wouter

    🥢 A minimalist-friendly ~1.5KB routing for React and Preact. Nothing else but HOOKS.

    Project mention: Why is my Single Page App sometimes reloading the nav bar between page transitions? | | 2022-12-09

    Just to add alternatives. I'm a fan of Wouter its 1/10th in size compared with react-router.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • create-react-library

    ⚡CLI for creating reusable react libraries.

  • wmr

    👩‍🚀 The tiny all-in-one development tool for modern web apps.

    Project mention: Generative minimal CSS patterns 🪩 | | 2022-04-10

    wmr for near-instant builds & native TS support

  • preact-cli

    😺 Your next Preact PWA starts in 30 seconds.

    Project mention: Building a Censorship Resistant Image Uploader | | 2022-11-03

    You need a current version of Node.js installed because we use the Preact-CLI and some NPM packages.

  • Neutrino

    Create and build modern JavaScript projects with zero initial configuration.

    Project mention: Boilerplates For ReactJS | | 2022-05-05


  • goober

    🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API

    Project mention: A new paradigm | | 2022-02-20

    Then, there's goober, a minimalistic framework-agnostic css-in-js component library. You'll probably find more examples of modern yet frugal tools and libraries.

  • next-translate

    Next.js plugin + i18n API for Next.js 🌍 - Load page translations and use them in an easy way!

    Project mention: Ran into this strange problem when usingi18Next-Nextjs with getServerSideProps ; | | 2022-09-22
  • blaze

    ⚡ File sharing progressive web app built using WebTorrent and WebSockets (by blenderskool)

    Project mention: Is there anyway I can share files between my Mac book and Windows laptop? | | 2023-01-02

    NitroShare, Snapdrop, Magic Wormhole, and Blaze. Pick your poision.

  • react-storefront

    React Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento 2 supported. Always Open Source, Apache-2.0 license. Join us as contributor ([email protected]). (by storefront-foundation)

    Project mention: How to develop webs %100 faster | | 2022-07-02


  • vhtml

    Render JSX/Hyperscript to HTML strings, without VDOM 🌈

    Project mention: What are the most popular view engines for express.js today? | | 2022-08-06

    I just wonder if there's a significant performance impact, but as you said preact or even something simpler that supports JSX, like could be used to speed it up

  • preact-render-to-string

    :page_facing_up: Universal rendering for Preact: render JSX and Preact components to HTML.

  • preact-habitat

    Zero configuration Preact widgets renderer in any host DOM

  • React Tag Autocomplete

    ⚛️ A fantastically simple tagging component for your React projects (by i-like-robots)

  • preact-custom-element

    Wrap your component up as a custom element

    Project mention: I don't miss React: a story about using the platform | | 2022-05-03

    I avoid using them, except when having to expose a component to a third party. Then I'd use something like, or

    As far as I see, there is nothing that WCs provide which isn't already solved, in a better way, both for devs and users.

    And making a framework that use custom elements and shadow DOM for component-based logic and encapsulation seems like a purely philosophical approach to adhere to some vision of "platform purity".

  • vaporBoy

    Gameboy / Gameboy Color Emulator PWA built with Preact. ⚛️ Powered by wasmBoy. 🎮Themed with VaporWave. 🌴🐬

    Project mention: Commuters: What is your go to offline phone activity while on the tube? | | 2022-11-02
  • DataFormsJS

    🌟 DataFormsJS 🌟 A minimal JavaScript Framework, standalone React and Web Components, and JSX Compiler for rapid development of high quality websites and single page applications.

    Project mention: Vanilla JS real life application examples | | 2022-04-19
  • react-native-react-bridge

    An easy way to integrate your React (or Preact) app into React Native app with WebView.

    Project mention: The different strategies to building a cross-platform app | | 2022-10-06

    react-native-react-bridge is a bridge that makes communication between React and React Native via the WebView easier, so you'd likely want to use that. Alternatively, you could try to ease communication by directly making your WebView and React Native components run each other’s functions.

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-02-01.

JavaScript Preact related posts


What are some of the best open-source Preact projects in JavaScript? This list will help you:

Project Stars
1 Preact 33,735
2 codesandbox-client 12,170
3 razzle 10,988
4 gitalk 6,484
5 nwb 5,534
6 nerv 5,433
7 wouter 4,801
8 create-react-library 4,769
9 wmr 4,768
10 preact-cli 4,635
11 Neutrino 3,940
12 goober 2,812
13 next-translate 1,944
14 blaze 1,604
15 react-storefront 717
16 vhtml 669
17 preact-render-to-string 528
18 preact-habitat 500
19 React Tag Autocomplete 424
20 preact-custom-element 295
21 vaporBoy 230
22 DataFormsJS 159
23 react-native-react-bridge 123
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.