Awesome GitHub RepositoriesTypeScript

vue-pure-admin is a comprehensive Vue 3 admin dashboard template and TypeScript boilerplate designed for building enterprise web applications. It provides a Vite-based frontend scaffold that incorporates a role-based access control system and a micro-frontend architecture for dividing large administrative applications into smaller, independently deployable units. The project features an advanced permission management framework that handles route protection, menu access filtering, and component-level visibility control. It includes specialized support for multi-tenant system administration, al

This is a TypeScript web framework and Node.js backend framework used to build web applications and API servers. It serves as a server-side application toolkit providing a structured environment for managing HTTP routing, request parsing, and application configuration. The framework features a dependency injection container to deliver required objects between application components, decoupling internal logic. It includes built-in tools for server-side data security, such as cryptographic drivers for hashing sensitive data and encrypting application data at rest. The project covers broad capa

Naive UI is a Vue 3 component library and type-safe UI framework designed for building web application interfaces. It functions as a themeable design system that provides a collection of pre-built user interface components. The library utilizes a JavaScript-object-based theme engine to customize visual styles without relying on CSS variables or external stylesheets. It includes a virtual list renderer to maintain performance when displaying large datasets by rendering only the items visible within the viewport. The framework integrates with TypeScript to provide prop validation and type-safe

Fresh 是一个为 Deno 运行时设计的服务器端 Web 框架，旨在构建具有原生 TypeScript 支持的网站。它作为一个零 JavaScript 的服务器端渲染器，默认仅向浏览器发送 HTML，以消除客户端运行时开销。 该框架实现了岛屿架构（Islands Architecture），该架构交付静态 HTML 并仅为特定的交互式组件选择性地激活 JavaScript。它利用基于文件系统的路由器，自动将目录结构和文件名映射到 URL 模式，而无需中央配置文件。 该平台涵盖服务器端渲染、增量页面更新和带有内容哈希的生产资产打包。它提供了一个项目引导脚本来初始化开发环境。

Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

This is a comprehensive tutorial for learning TypeScript, designed for JavaScript programmers who want to understand the language's type system and modern features. The resource covers TypeScript's core identity, including its structural type compatibility, compile-time type erasure, declaration file merging, and the discriminated union pattern for precise type narrowing. The tutorial distinguishes itself by providing a progressive learning path from basic JavaScript concepts to advanced TypeScript patterns. It covers generic type parameter constraints, tuple types with fixed-length positions

vanilla-extract is a type-safe CSS-in-JS library and zero-runtime CSS framework. It uses TypeScript to define styles and design tokens, compiling these definitions into static CSS files during the build process to eliminate styling overhead in the browser. The system acts as a scoped CSS generator, producing unique class names and local variables to prevent global style leakage and naming collisions. It provides a type-safe styling tool that validates CSS property values and ensures design tokens adhere to defined themes during development. The framework covers comprehensive styling utilitie

The Concise TypeScript Book: A Concise Guide to Effective Development in TypeScript. Free and Open Source.

This project is a learning course and instructional resource for React frontend development. It consists of a structured curriculum, architectural guides, and a library of reference materials designed to teach the construction of user interfaces and web applications. The repository provides a collection of project implementations, including e-commerce stores and CRUD applications, to serve as reference architectures. It includes curated lessons and code examples that focus on implementing state management and type safety patterns. The materials cover frontend architecture patterns, the integ

This project is a production-ready enterprise boilerplate and starter for building high-performance web applications with Next.js. It provides a foundational architecture for large-scale application bootstrapping, combining a TypeScript web starter with a pre-configured project structure and professional toolset. The project distinguishes itself through an integrated suite of operational tools, including CI/CD deployment pipelines, infrastructure-as-code provisioning, and a component-driven UI development sandbox. It incorporates a utility-first styling architecture using Tailwind CSS and a l

This is a TypeScript web application and single-page application built with Angular. It serves as a full-featured blogging platform and content management system that implements professional architectural patterns for building complex user interfaces. The project functions as a REST API client that integrates with a backend service to manage users, articles, and social interactions. It includes a markdown content renderer to display formatted articles and a system for content discovery using paginated feeds and category filters. The application covers several functional domains, including us

ihp 是一个为 PostgreSQL 设计的类型安全 Web 框架和全栈应用编排器。它作为一个服务端渲染框架和类型安全 ORM，能自动从 SQL 模式生成记录类型，以确保编译时的查询验证。 该平台的特色在于在编译时验证路由、数据库查询和模板，以防止运行时崩溃。它使用 WebSocket 实现实时 Web 界面以进行即时数据同步，并采用服务器驱动的超媒体进行部分 DOM 修补。 该框架涵盖了广泛的集成功能，包括支持 Passkey 和 OAuth 的用户身份管理、具有自动迁移功能的完整数据存储层，以及具有类型安全 HTML 模板的综合 UI 渲染系统。它还提供了用于 JSON API 开发、异步后台任务执行以及支付网关金融集成的内置工具。 生产环境通过声明式 NixOS 部署进行管理，以实现可复现的基础设施。

routing-controllers 是一个用于 TypeScript 的声明式 API 路由器和 Web 框架控制器。它提供了一个系统，用于使用基于类的装饰器和元数据定义 HTTP 路由和请求处理逻辑，从而将 API 端点组织成结构化的架构。 该项目利用基于适配器的服务器集成将路由逻辑与底层 Web 框架解耦，为 Express 和 Koa 提供了特定的集成。它具有一个基于反射的类型转换系统，可验证传入的请求参数并将其转换为类型化的类实例。 功能面涵盖了完整的请求-响应管道，包括中间件执行、响应拦截和全局错误管理。它支持高级路由实用程序，如全局路由前缀、基于文件系统的组件发现和依赖注入集成。其他功能包括基于角色的访问控制、已验证用户注入以及用于文件上传和响应流的专门处理程序。

Vue.NetCore 是一个全栈脚手架工具，可根据数据库架构自动生成基于 .NET Core 和 Vue.js 的前端和后端代码。它作为一个 CRUD 样板生成器和数据库编排器，将实体映射到业务逻辑中，以创建管理界面和 API 端点。 该项目提供了一个多平台 UI 脚手架，可生成兼容 Web、iOS、Android 和微信小程序的可执行代码。它利用带有 Vite 的 TypeScript Web 框架，并利用 SqlSugar 自动化数据库实体的映射。 该系统涵盖了企业级 CRUD 自动化，包括生成数据驱动的表单、高级搜索查询界面和主从表关系。它还包括自动化 API 开发和 Excel 数据导入接口的功能。

tsoa 是一个 TypeScript API 框架和 OpenAPI REST API 生成器。它将 TypeScript 控制器和模型转换为 Node 服务器的 OpenAPI 规范和路由配置，确保代码定义与 API 文档保持同步。 该工具作为 OpenAPI 规范生成器和 REST 请求验证器运行。它从源代码中提取路径、请求模式和响应模型以生成标准的 OpenAPI 文档，并提供中间件层来验证传入的 HTTP 负载是否符合 TypeScript 定义的模式。 该项目涵盖了 RESTful 路由管理和 API 请求验证。它利用静态类型分析将语言类型转换为 JSON 模式定义，并采用基于模板的生成方式将控制器元数据映射为服务器路由。

Eros-FE is a TypeScript web frontend designed as a React-based single page application. It provides a component-driven user interface for interacting with backend services and managing application state through a type-safe client. The project utilizes a client-side route manager to swap visible components without full page refreshes and employs a CSS-in-JS styling framework to tie component logic directly to visual presentation. The application covers frontend interface design, client-side state management, and the integration of browser interfaces with backend APIs.

Treat 是一个样式库，在构建过程中从 JavaScript 定义中提取 CSS，以消除运行时开销。它作为一个静态样式提取工具，将组件级样式定义转换为优化的、独立的 CSS 文件。该框架专为构建类型安全的、可主题化的设计系统而设计，允许用户界面组件根据活跃的设计系统设置调整其外观。 该库通过在保持与静态提取兼容的统一对象结构内实现复杂的样式组合（包括伪选择器、媒体查询和动画）而脱颖而出。它通过将样式定义映射到预生成的 CSS 类来支持动态视觉变化，利用轻量级查找机制在运行时解析主题。这种方法允许主题切换和按需主题加载，而无需重新加载整个页面或牺牲静态 CSS 的性能优势。 除了核心提取能力，该库还提供用于全局主题配置和基于上下文分发的工具，以确保大型应用程序中的视觉一致性。它包括对服务器端渲染的支持，确保样式为初始页面加载做好准备，并集成到开发工作流中以提供样式变更的热模块替换。该库通过标准构建管道进行配置，这些管道管理生成样式输出的转换、压缩和命名约定。