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 es un framework web del lado del servidor para el runtime de Deno diseñado para construir sitios web con soporte nativo de TypeScript. Funciona como un renderizador del lado del servidor zero-JavaScript que envía solo HTML al navegador por defecto para eliminar la sobrecarga del runtime del lado del cliente. El framework implementa una arquitectura de islas, que entrega HTML estático y activa selectivamente JavaScript solo para componentes interactivos específicos. Utiliza un enrutador basado en el sistema de archivos que mapea automáticamente las estructuras de directorios y los nombres de archivo a patrones de URL sin requerir un archivo de configuración central. La plataforma cubre el renderizado del lado del servidor, actualizaciones de página incrementales y empaquetado de activos de producción con hashing de contenido. Proporciona un script de arranque de proyecto para inicializar el entorno de desarrollo.

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

Esta es una aplicación web TypeScript y aplicación de una sola página construida con Angular. Sirve como una plataforma de blogs completa y un sistema de gestión de contenido que implementa patrones arquitectónicos profesionales para construir interfaces de usuario complejas. El proyecto funciona como un cliente de API REST que se integra con un servicio backend para gestionar usuarios, artículos e interacciones sociales. Incluye un renderizador de contenido markdown para mostrar artículos formateados y un sistema para el descubrimiento de contenido utilizando feeds paginados y filtros de categoría. La aplicación cubre varios dominios funcionales, incluyendo flujos de trabajo de autenticación de usuario con gestión de identidad basada en tokens, gestión del ciclo de vida de artículos de blog y características de redes sociales como seguir autores y marcar contenido como favorito.

ihp es un framework web con tipado fuerte y orquestador de aplicaciones full-stack diseñado para PostgreSQL. Funciona como un framework de renderizado del lado del servidor y un ORM con tipado fuerte que genera automáticamente tipos de registro a partir de esquemas SQL para garantizar la validación de consultas en tiempo de compilación. La plataforma se distingue por verificar el enrutamiento, las consultas a la base de datos y las plantillas en tiempo de compilación para evitar errores en tiempo de ejecución. Implementa interfaces web en tiempo real utilizando WebSockets para la sincronización instantánea de datos y emplea hipermedia impulsada por el servidor para parches parciales del DOM. El framework cubre una amplia gama de capacidades integradas, incluyendo gestión de identidad de usuario con soporte para passkeys y OAuth, una capa completa de almacenamiento de datos con migraciones automatizadas y un sistema integral de renderizado de UI con plantillas HTML con tipado fuerte. También proporciona herramientas integradas para el desarrollo de API JSON, ejecución de tareas en segundo plano de forma asíncrona e integración financiera para pasarelas de pago. Los entornos de producción se gestionan mediante despliegue declarativo con NixOS para una infraestructura reproducible.

routing-controllers es un router de API declarativo y controlador de framework web para TypeScript. Proporciona un sistema para definir rutas HTTP y lógica de manejo de peticiones utilizando decoradores basados en clases y metadatos para organizar los endpoints de la API en una arquitectura estructurada. El proyecto utiliza una integración de servidor basada en adaptadores para desacoplar la lógica de enrutamiento del framework web subyacente, proporcionando integraciones específicas para Express y Koa. Cuenta con un sistema de transformación de tipos basado en reflexión que valida y transforma los parámetros de petición entrantes en instancias de clases tipadas. La superficie de capacidades cubre un pipeline completo de petición-respuesta, incluyendo la ejecución de middleware, interceptación de respuestas y gestión global de errores. Soporta utilidades de enrutamiento avanzadas como prefijado global de rutas, descubrimiento de componentes basado en el sistema de archivos e integración de inyección de dependencias. La funcionalidad adicional incluye control de acceso basado en roles, inyección de usuarios autenticados y manejadores especializados para subidas de archivos y streaming de respuestas.

Vue.NetCore is a full-stack scaffolding tool that automatically generates frontend and backend code using .NET Core and Vue.js based on database schemas. It functions as a CRUD boilerplate generator and database orchestrator that maps entities into business logic to create administrative interfaces and API endpoints. The project provides a multi-platform UI scaffold, producing compatible code for web, iOS, Android, and WeChat mini-programs. It utilizes a TypeScript web framework with Vite and leverages SqlSugar to automate the mapping of database entities. The system covers enterprise CRUD a

tsoa es un framework de API en TypeScript y generador de API REST OpenAPI. Convierte controladores y modelos de TypeScript en especificaciones OpenAPI y configuraciones de enrutamiento para servidores Node, asegurando que las definiciones de código y la documentación de la API permanezcan sincronizadas. La herramienta funciona como un generador de especificaciones OpenAPI y un validador de peticiones REST. Extrae rutas, esquemas de petición y modelos de respuesta del código fuente para producir documentos OpenAPI estándar y proporciona una capa de middleware para verificar que los payloads HTTP entrantes coincidan con los esquemas definidos en TypeScript. El proyecto cubre la gestión de rutas RESTful y la validación de peticiones de API. Utiliza análisis de tipos estáticos para convertir tipos de lenguaje en definiciones de esquema JSON y emplea generación basada en plantillas para mapear metadatos de controladores en rutas de servidor.

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 es una biblioteca de estilos que extrae CSS de definiciones de JavaScript durante el proceso de compilación para eliminar la sobrecarga en tiempo de ejecución. Funciona como una herramienta de extracción de estilos estáticos, convirtiendo definiciones de estilo a nivel de componente en archivos CSS independientes y optimizados. El framework está diseñado para construir sistemas de diseño con seguridad de tipos y capacidad de tematización que permitan a los componentes de la interfaz de usuario adaptar su apariencia según la configuración activa del sistema de diseño. La biblioteca se distingue por permitir la composición de estilos complejos, incluyendo pseudo-selectores, media queries y animaciones, dentro de una estructura de objetos unificada que permanece compatible con la extracción estática. Admite variaciones visuales dinámicas mapeando definiciones de estilo a clases CSS pregeneradas, utilizando un mecanismo de búsqueda ligero para resolver temas en tiempo de ejecución. Este enfoque permite el cambio de temas y la carga de temas bajo demanda sin requerir una recarga completa de la página ni sacrificar los beneficios de rendimiento del CSS estático. Más allá de sus capacidades de extracción central, la biblioteca proporciona herramientas para la configuración global de temas y la distribución basada en contexto para asegurar la consistencia visual en aplicaciones a gran escala. Incluye soporte para renderizado en el lado del servidor, asegurando que los estilos estén listos para las cargas iniciales de página, e integra flujos de trabajo de desarrollo para proporcionar recarga de módulos en caliente (hot module reloading) para cambios de estilo. La biblioteca se configura a través de tuberías (pipelines) de compilación estándar, que gestionan la transformación, minificación y convenciones de nomenclatura de la salida CSS generada.