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. Learn more →
Top 8 TypeScript stitch Projects
-
There is a (hillariously named) alternative noodle [1] that aims to compete in this space. It is under development but looks polished.
-
twin.macro
🦹♂️ 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.
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
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.
-
macaron
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-13Hey 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.
-
-
-
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.
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 -
-
SurveyJS
A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.
-
TypeScript stitches related posts
- Introducing DecaUI
- Stylemapper - A Better Way To Style React Applications
- What is CSS in JS?
- What do you use to style your website
- How common is using styled components?
- Tool decision, tailwind vs MUI vs Mantine, other?
- Webstudio - next generation visual development
-
A note from our sponsor - Sonar
www.sonarsource.com | 25 Sep 2023
Index
What are some of the best open-source stitch projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | noodle | 10,786 |
2 | twin.macro | 7,532 |
3 | macaron | 634 |
4 | hckrnws | 70 |
5 | react-cva | 18 |
6 | pikas | 18 |
7 | bayukurnia.com | 14 |
8 | disco3-react | 9 |