TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code.

Typescript

TypeScript: JavaScript With Syntax For Types.

The library for web and native user interfaces

React

React – A JavaScript library for building user interfaces

open source

Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build static and dynamic websites and web applications.

Next.js

Next.js by Vercel - The React Framework

A utility-first CSS framework for rapid UI development.

Tailwind CSS

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache CouchDB and Adobe Acrobat. JavaScript is a prototype-based, multi-paradigm, single-threaded, dynamic language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles.

JavaScript

JavaScript | MDN

Build better products as a team. Design, prototype, and gather feedback all in one place with Figma.

Figma

Figma: the collaborative interface design tool.

matt pocock

Move Fast and Break Nothing. End-to-end typesafe APIs made easy.

tRPC

Plan, track, and manage your agile and software development projects in Jira. Customize your workflow, collaborate, and release great software.

JIRA

 Jira | Issue & Project Tracking Software | Atlassian

project management

height

React components library with native dark theme support.

Mantine

SVG is a widely-deployed royalty-free graphics format developed and maintained by the W3C SVG Working Group.

W3C SVG Working Group

Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration.

Vercel

Vercel: Develop. Preview. Ship. For the best frontend teams

tsconfig

cheat sheet

meta tags

ui components

kanban

linear

plane

command line

chat

cloud

code

collaboration

deployment

dimension

admin dashboard

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

Visual Studio Code

Visual Studio Code - Code Editing. Redefined

admin panels

automation

crud

developer tools

internal tools

Java

radix ui

radix ui themes

radix-ui-themes-with-tailwind

portfolio

reshaped

vs code

linear interpolation

funding

polar

headless

A tool for generating code base on an OpenAPI schema.

openapi-codegen

training

tutorial

design system

A unique collection of modern UI components and effects
<a href="https://github.com/ibelick/ui-snippets" class="link--url" target="_blank" rel="noopener noreferrer">github.com/ibelick/ui-snippets</a>
<a href="https://ui.ibelick.com" class="link--url" target="_blank" rel="noopener noreferrer">ui.ibelick.com</a>

A unique collection of modern UI components and effects
https://github.com/ibelick/ui-snippets
https://ui.ibelick.com

Need colors between defined ones in tailwindcss? There have been times when I wished for colors like "slate 150" or "zinc 175." Luckily, I found a library that can help with this: 
<a href="https://github.com/brandonmcconnell/tailwind-lerp-colors" class="link--url" target="_blank" rel="noopener noreferrer">github.com/brandonmcconnell/tailwind-lerp-colors</a>.
It allows you to define your own color stops programmatically.

Need colors between defined ones in tailwindcss? There have been times when I wished for colors like "slate 150" or "zinc 175." Luckily, I found a library that can help with this: 
https://github.com/brandonmcconnell/tailwind-lerp-colors.
It allows you to define your own color stops programmatically.

Designed to simplify your web development experience by seamlessly integrating Radix UI Themes with the class-based utility system of Tailwind CSS. This plugin empowers you to effortlessly combine the strengths of both technologies for efficient and elegant web application development.

<a href="https://ned.im/radix-ui-themes-with-tailwind/" class="link--url" target="_blank" rel="noopener noreferrer">ned.im/radix-ui-themes-with-tailwind</a>

Designed to simplify your web development experience by seamlessly integrating Radix UI Themes with the class-based utility system of Tailwind CSS. This plugin empowers you to effortlessly combine the strengths of both technologies for efficient and elegant web application development.

https://ned.im/radix-ui-themes-with-tailwind/