Top 23 TypeScript Tailwindcss Projects
-
Project mention: Need help improving Page Speed Insights performance score, getting very low scores even on Statically Generated Pages. | reddit.com/r/nextjs | 2021-11-16
Try fixing those issues by taking an example from leerob.io
-
playground-macos
My portfolio website simulating macOS's GUI, developed with React and Tailwind CSS.
https://portfolio.zxh.io/ - MacOS emulation that is really a job portfolio.
-
-
-
tail-kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.
Over 250 free components and free templates. For use with plain HTML, React, Vue.js, and Angular web applications.
-
-
Project mention: Looking for guide\book about best practice for state managing | reddit.com/r/Angular2 | 2021-11-06
I would suggest looking at projects like this and even better this.
-
Project mention: Looking for guide\book about best practice for state managing | reddit.com/r/Angular2 | 2021-11-06
I would suggest looking at projects like this and even better this.
-
Scout APM
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
You can install it by npm now https://github.com/tailwindlabs/tailwindcss-intellisense/tree/master/packages/tailwindcss-language-server and it's working.
-
Project mention: I want to learn ReactJS quickly but I need a curriculum | reddit.com/r/reactjs | 2021-11-14
-
Next-js-Boilerplate
🚀 Boilerplate and Starter for Next.js 12+, Tailwind CSS 2.0 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
Project mention: My free and open source React Boilerplate has reached 1000+ ⭐ stars on GitHub built with Next JS, TypeScript and Tailwind CSS | reddit.com/r/reactjs | 2021-11-15Here is the GitHub repo: React Boilerplate GitHub repo
-
Headwind is a nice opinionated sorter which probably can be tweaked to understand our Slim templates but as a VS Code plugin it only works inside this particular IDE. We mostly use JetBrains RubyMine in our team and also needed a CLI version.
-
vue-composable
Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +50 different composables
-
Project mention: Does anyone have TailwindCSS jit working in Nuxt 3? | reddit.com/r/Nuxt | 2021-10-20
-
vechaiui
A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS. Pre-designed headless ui and radix-ui.
Project mention: Building a platform using Nextjs and Tailwind (should I have picked Chakra UI?) | reddit.com/r/Frontend | 2021-09-08 -
Project mention: How to enable Tailwind JIT compilation mode in your Angular project. | dev.to | 2021-04-08
Ngneat came up with a super cool schematic for Angular ( NgNeat/Tailwind ), which would basically do everything and configure all the stuff needed to make Tailwind work with Angular. And it is so damn straightforward.
-
One last thing that can be helpful is using a library like [tailwind-classnames](https://github.com/muhammadsammy/tailwindcss-classnames) which helps validate you are using correct class names, and if you don't TS will yell at you. It has the full capability and API of the known [classnames](https://www.npmjs.com/package/classnames) library, as it is just an extension of it.
-
Next-JS-Landing-Page-Starter-Template
🚀 Free NextJS Landing Page Template written in Tailwind CSS 2.0 and TypeScript ⚡️ Made with developer experience first: Next.js 12 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
Project mention: I made a Responsive NextJS Landing Page Theme with React, TypeScript and Tailwind CSS. Link in comments. | reddit.com/r/webdev | 2021-11-27- Next JS Landing Page Source code on GiHub (400+ stars ⭐ on GitHub)
-
Project mention: I created STARTD. It is a free open source landing page template. Built with Next.js, TypeScript and Twind. | reddit.com/r/learnjavascript | 2021-03-02
-
salvia-kit
Provides 9 Free Beautiful dashboard templates built with Tailwind CSS for React, Next.js, Vue and Nuxt.js
6. Salvia-Kit
-
twin.examples
Packed with examples for different frameworks, this repo helps you get started with twin a whole lot faster.
Project mention: How to set up _document.js with twin.macro + Google Analytics ? | reddit.com/r/nextjs | 2021-09-24well, this is exactly how it's set up in the twin.macro example repo with next.js, and it is working perfectly fine?
-
Daily.dev examples
-
cadhub
We're out to raise awareness and put CodeCAD on the map. The success of CadHub can be measured by the amount it promotes the use of CodeCAD within the mechanical/manufacturing industry and the strength the CadHub community.
the link for this post takes you to a OpenSCAD model, worth noting there are integrations it CadQuery and JSCAD too.
-
angular-boilerplate
⛩️ Angular starter for enterprise-grade front-end projects, built under a clean architecture that helps to scale and maintain a fast workflow.
Here is the link I followed to get the Angular boilerplate: https://github.com/juanmesa2097/angular-boilerplate
TypeScript Tailwindcss related posts
- I made a Responsive NextJS Landing Page Theme with React, TypeScript and Tailwind CSS. Link in comments.
- Prosperity [SMP] {Semi-vanilla} {Proximity chat} {Carpet mod} {Whitelist}
- Twind: Tailwind-in-JS
- what is the fastest way to create a website with react?
- Nextal, starter template for Nextjs with TypeScript, Tailwind, CSS-Modules, Jest and Atomic Design organization for components.
- I update my Free and Open Source Next JS Landing Page theme to Next JS 12 built with TypeScript and Tailwind CSS. (Links in the comment)
- Show HN: Free Next JavaScript Landing Page Theme for SaaS
Index
What are some of the best open-source Tailwindcss projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | leerob.io | 2,713 |
| 2 | playground-macos | 2,432 |
| 3 | FigmaToCode | 2,262 |
| 4 | tail-kit | 1,860 |
| 5 | twind | 1,781 |
| 6 | angular-spotify | 1,736 |
| 7 | jira-clone-angular | 1,644 |
| 8 | tailwindcss-intellisense | 1,487 |
| 9 | egghead-next | 1,090 |
| 10 | Next-js-Boilerplate | 1,086 |
| 11 | headwind | 1,072 |
| 12 | vue-composable | 869 |
| 13 | tailwindcss-module | 806 |
| 14 | vechaiui | 658 |
| 15 | tailwind | 567 |
| 16 | tailwindcss-classnames | 441 |
| 17 | Next-JS-Landing-Page-Starter-Template | 417 |
| 18 | next-startd | 340 |
| 19 | salvia-kit | 311 |
| 20 | twin.examples | 253 |
| 21 | apps | 189 |
| 22 | cadhub | 155 |
| 23 | angular-boilerplate | 141 |
Are you hiring? Post a new remote job listing for free.
