Top 8 TypeScript stitch Projects
Open Source Education Platform
🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.Project mention: Tailwindcss in Styled-Components | dev.to | 2023-04-18
Twin Macro Github Repo. This is a great resource to help you pick up Twin’s syntax, learn more about the package, and keep up to date with the latest releases.
Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.
Typesafe CSS-in-JS with zero runtime, colocation, maximum safety and productivity (by macaron-css)Project mention: Show HN: I made Macaron – Type-safe CSS-in-JS with zero-runtime and colocation | news.ycombinator.com | 2023-01-13
Hey HN, my name is Mokshit and I'm really interested in web-performance and web-development. At the time of writing this, I'm a junior in high school.
Macaron is a typesafe CSS-in-JS library with zero runtime, colocation, maximum safety and productivity.
The motivation behind it is that runtime CSS-in-JS libraries, that is most of the CSS-in-JS libs, add alot of bloat to web apps and have a considerable performance drop with a bundle size increase. Alot of them also don't support more performant ways of building web apps like streaming markup. Most of the current compile-time CSS-in-JS libraries try to fix this, but have some or the other drawback like not offering colocation, or not being type-safe.
Today, Macaron does all this with a compiler that extracts all the style declarations at compile-time and converts them to static css files while also letting you author the type-safe styles in the same file as your application code. It supports both - a vanilla styling API and a styled-component API with support for multiple frameworks like SolidJS and React and build tools like Vite and Esbuild. Macaron is currently missing a webpack plugin, but that will also be published soon, making it compatible with almost all bundlers.
There's a ton of room for improvement in this space, and I feel like macaron is a step in that direction.
A custom frontend for a better reading experience of HackerNews
Class Variance Authority helper for react
Pikas is an open source project that aims to provide a simple and easy to use to create a simple and fast web application.Project mention: GitHub - Achaak/pikas: Pikas is an open source project that aims to provide a simple and easy to use to create a simple and fast web application. | /r/typescript | 2022-11-21
My personal website built with Astro, Turbo, and Vanilla Extract
disco3 - well typed and performant web3 react library
TypeScript stitches related posts
3 projects | /r/reactjs | 25 Jan 2023
Stylemapper - A Better Way To Style React Applications
4 projects | dev.to | 23 Aug 2022
What is CSS in JS?
5 projects | dev.to | 17 Jul 2022
What do you use to style your website
4 projects | /r/reactjs | 21 Jun 2022
How common is using styled components?
3 projects | /r/reactjs | 2 May 2022
Tool decision, tailwind vs MUI vs Mantine, other?
2 projects | /r/webdev | 21 Apr 2022
Webstudio - next generation visual development
8 projects | dev.to | 19 Mar 2022
A note from our sponsor - Sonar
www.sonarsource.com | 25 Sep 2023
What are some of the best open-source stitch projects in TypeScript? This list will help you: