TypeScript Preact

Open-source TypeScript projects categorized as Preact

Top 23 TypeScript Preact Projects

  • million

    Optimize React performance and make your React 70% faster in minutes, not months.

    Project mention: Show HN: Million Lint – ESLint for Performance | news.ycombinator.com | 2024-02-29

    Hey HN! Founder of Million – We’re building a tool to that helps fix slow React code. Here is a quick demo: https://youtu.be/k-5jWgpRqlQ

    Fixing web performance issues is hard. Every developer knows this experience: we insert console.log everywhere, catch some promising leads, but nothing happens before "time runs out." Eventually, the slow/buggy code never gets fixed, problems pile up on a backlog, and our end users are hurt.

    We started Million to fix this. A VSCode extension that identifies slow code and suggests fixes (like ESLint, for performance!) The website is here: https://million.dev/blog/lint

    I realized this was a problem when I tried to write an optimizing compiler for React in high school (src: https://github.com/aidenybai/million). It garnered a lot of interest (14K+ stars) and usage, but it didn't solve all user problems.

    Traditionally, devtools either hinge on full static analysis OR runtime profiling. We found success in a mixture of the two with dynamic analysis. During compilation, we inject instrumentation where it's necessary. Here is an example:

      function App({ start }) {

  • fresh

    The next-gen web framework.

    Project mention: What's Your Favorite Tech Stack and Why? | dev.to | 2024-04-02

    Deno: Deno with one of it's frameworks (like Fresh

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • router

    🤖 Fully typesafe Router for React (and friends) w/ built-in caching, 1st class search-param APIs, client-side cache integration and isomorphic rendering.

    Project mention: TanStack Router: Setup & Routing in React | dev.to | 2024-02-26

    Welcome to the first article of a series where we will explore TanStack Router, a new router for React (version 1.0 released in December 2023).

  • wouter

    🥢 A minimalist-friendly ~2.1KB routing for React and Preact

    Project mention: Finally switched to Vite after CRA. | /r/reactjs | 2023-07-04

    We're using wouter with great success. It's simple and effective for what we need from a router

  • signals

    Manage state with style in every framework

    Project mention: Svelte 5: Runes | news.ycombinator.com | 2023-09-20

    Putting the runic terminology aside and looking into how the signal primitive is implemented should dispel the magic. I learned a lot from examining preact's implementation: https://github.com/preactjs/signals/blob/main/packages/core/...

  • react-colorful

    🎨 A tiny (2,8 KB) color picker component for React and Preact apps

  • vite-plugin-pwa

    Zero-config PWA for Vite

    Project mention: How to send Push Notifications to a Nuxt 3 PWA? | /r/Nuxt | 2023-05-06

    I am trying to glue together a Nuxt 3 PWA with vite-plugin-pwa, more specifically @vite-pwa/nuxt. I installed the module and set up basic configuration (I basically followed this video)

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  • scenejs

    🎬 Scene.js is JavaScript & CSS timeline-based animation library

  • previewjs

    Preview UI components in your IDE instantly

    Project mention: The "+page.svelte" stinks | /r/sveltejs | 2023-12-08
  • unpic-img

    Multi-framework responsive image component

    Project mention: Why does next/Image load external images at their intrinsic size here? | /r/nextjs | 2023-06-03

    I used to have a similar issue when rendering images using the native next/image, however I came across this here and it helped me with the responsiveness of images. Give it a try, very direct with regards to usage

  • teleport-code-generators

    A collection of code generators for modern JavaScript applications

    Project mention: The Top Tools for Transforming Figma Designs into Vue.js Code | dev.to | 2024-02-12

    5. TeleportHQ

  • microsite

    Do more with less JavaScript. Microsite is a smarter, performance-obsessed static site generator powered by Preact and Snowpack.

  • revite

    Revolt client built with Preact.

    Project mention: JOIN MY REVOLT FOR WARANDPEACE ADSCRAFT DISCUSSION! | /r/eaglercraft | 2023-07-18

    First, make an account At app.revolt.chat . Then, when you have done that, go to https://rvlt.gg/CDW0PHDZ And Follow The Instructions.

  • Refract

    Harness the power of reactive programming to supercharge your components

  • teaful

    🍵 Tiny, easy and powerful React state management

  • browser-extension

    Browser Extension Template with ESbuild builds, support for React, Preact, Typescript, Tailwind, Manifest V3/V2 support and multi browser build including Chrome, Firefox, Safari, Edge, Brave. (by Debdut)

  • papanasi

    🥯Papanasi is the Frontend UI library to use cross Frameworks. A set of components to use in Angular, Preact, Qwik, React, Solid, Svelte, Vue and Web Components

  • agrippa

    The CLI for frontend component generation

  • next-super-performance

    The case of partial hydration (with Next and Preact)

  • deco

    Open-Source web editor based on Preact, Tailwind and TypeScript. The other side of code. (by deco-cx)

    Project mention: Show HN: Deco.cx – realtime TypeScript web editor | news.ycombinator.com | 2024-04-10

    Gui, Lucis, and the deco.cx team here — we're a bunch of Brazilians building an open-source, all-in-one web editor for the modern TypeScript dev. Check out our GitHub at https://github.com/deco-cx/deco and discover more at our site https://deco.cx/.

    We built frontend tools at a hyper-growth e-commerce platform for 9 years. Deco.cx is the thing that we wish existed when we were managing hundreds of enterprise-grade React-based websites.

    The gist is: JSX, HTMX, TypeScript, Tailwind and Deno. All visually editable in a beautiful, collaborative, REALTIME (!) admin UI. Great for devs, great for content.

    In essence, we're a git-based TypeScript-first configuration management system. We take TypeScript code that represents your site, your entities, your UI, and we allow anyone to "save" configuration and content based on those types.

    It's great for developers, because you can code directly on the web, or on your machine, and get instant feedback. You "export interface Props" and boom, an automatic form is generated. It's great for the business users, the content editors, because you just press "." (dot) in your keyboard and you go into a visual edit mode for the page you're at right now. Everything the developer exported in TypeScript is editable.

    And when you hit "publish", it's already live, with a proper CDN, proper caching, everything already setup and just working. Ready to scale!

    But you can't fly blind. We're democratizing pro-level tools for web analytics and observability by bundling in our Pro plan: fully-managed Plausible analytics and HyperDX observability. Check them out — these are great tools on their own, and they shine in the deco.cx platform bundle.

    We don't want to be the only answer, we don't claim to be right about anything, we just want to make the friendly and accessible open-source tool that we wish existed when we were junior developers. If you want to participate, please join our discord community at https://deco.cx/discord

    on open-source: our admin UI core is not ready for prime time, we're working to open-source it this year. but basically everything else, our integrations, templates and configuration management runtime are all open-source already! take a look at these: https://github.com/deco-cx/deco https://github.com/deco-cx/apps https://github.com/deco-sites/storefront Making the admin UI core extensible and open source is a MAIN OBJECTIVE for this year, so expect news here soon!

    Thanks for your support!

  • zoom-image

    A little yet powerful framework agnostic headless library to zoom images on the web

  • preact-island

    🏝 Create your own slice of paradise on any website.

  • bewcloud

    A simpler alternative to Nextcloud and ownCloud, built with TypeScript and Deno using Fresh. 🦕 🍋

    Project mention: Show HN: BewCloud is a simpler alternative to Nextcloud written in TypeScript | news.ycombinator.com | 2024-03-16

    Yes! Since these will be easy and used _as needed_, the plan is to have those be set by this `.env` var: https://github.com/bewcloud/bewcloud/blob/2d70a3817de1fd6108... thus not requiring download/install/uninstall, but not bloat as they won't be used if they're not enabled.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

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 2024-04-10.

TypeScript Preact related posts


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

Project Stars
1 million 15,128
2 fresh 11,832
3 router 7,018
4 wouter 6,089
5 signals 3,480
6 react-colorful 2,986
7 vite-plugin-pwa 2,716
8 scenejs 2,641
9 previewjs 1,738
10 unpic-img 1,172
11 teleport-code-generators 951
12 microsite 879
13 revite 822
14 Refract 815
15 teaful 698
16 browser-extension 647
17 papanasi 573
18 agrippa 550
19 next-super-performance 406
20 deco 352
21 zoom-image 274
22 preact-island 211
23 bewcloud 169
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.