Open Source TypeScript Web Development Software
Sort By:
TypeScript Web Development Software
View 5752 business solutionsBrowse free open source TypeScript Web Development Software and projects below. Use the toggles on the left to filter open source TypeScript Web Development Software by OS, license, language, programming language, and project status.
-
Gen AI apps are built with MongoDB AtlasMongoDB Atlas is the developer-friendly database used to build, scale, and run gen AI and LLM-powered apps—without needing a separate vector database. Atlas offers built-in vector search, global availability across 115+ regions, and flexible document modeling. Start building AI apps faster, all in one place.
-
Simple, Secure Domain RegistrationRegister or renew your domain and pay only what we pay. No markups, hidden fees, or surprise add-ons. Choose from over 400 TLDs (.com, .ai, .dev). Every domain is integrated with Cloudflare's industry-leading DNS, CDN, and free SSL to make your site faster and more secure. Simple, secure, at-cost domain registration.
-
1
Visual Studio Code
Modern IDE and code editor from Microsoft for Mac, Windows, and Linux
Visual Studio Code combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. It provides comprehensive code editing, navigation, and understanding support along with lightweight debugging, a rich extensibility model, and lightweight integration with existing tools. Visual Studio Code is a distribution of the Code - OSS repository with Microsoft-specific customizations released under a traditional Microsoft product license. Visual Studio Code is updated monthly with new features and bug fixes. You can download it for Windows, macOS, and Linux on Visual Studio Code's website. To get the latest releases every day, install the Insiders build. Debug code right from the editor. Launch or attach to your running apps and debug with break points, call stacks, and an interactive console. Working with Git and other SCM providers has never been easier. Review diffs, stage files, and make commits right from the editor. -
2
Vercel
Optimal workflow for frontend teams
Vercel combines the best developer experience with an obsessive focus on end-user performance. Our platform enables frontend teams to do their best work. Developers love Next.js, the open source React framework Vercel built together with Google and Facebook. Next.js powers the biggest websites like Twilio, for use cases in e-commerce, travel, news, and marketing. Vercel is the best place to deploy any frontend app. Start by deploying with zero configuration to our global edge network. Scale dynamically to millions of pages without breaking a sweat. Frontend development is not meant to be a solo activity. The Vercel platform makes it a collaborative experience with deploy previews for every code change, by seamlessly integrating with GitHub, GitLab, and Bitbucket. Avoid surprises by iterating with your entire team. Test from the perspective of your users, on every platform. -
3
Payload
Free and Open-source Headless CMS and Application Framework
Payload has, hands-down, the best developer experience out of any headless CMS. Build whatever you need, however you want, and never hit a functionality roadblock. Payload is the go-to headless CMS for websites, SaaS apps, native apps, and anything else you need to build. Power any website, from enterprise to personal portfolio with Payload as a headless CMS. Its powerful version system and layout-building functionality unlocks the best CMS experience for your editors on the market. Payload powers extremely complex and fully featured web apps of every shape and size. It's the perfect back-office CMS for eCommerce sites, SaaS, video game backends, and more. Implement Payload’s Authentication and content management within any native app you can dream up and automatically deliver product owners a beautiful UI to manage their apps with. Nothing is imposed on the structure of your app. Just initialize Payload and pass it your Express app. -
4
Angular
The modern web developer’s platform
Learn one way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile and native desktop. Achieve the maximum speed possible on the Web Platform today, and take it further, via Web Workers and server-side rendering. Angular puts you in control over scalability. Meet huge data requirements by building data models on RxJS, Immutable.js or another push model. Build features quickly with simple, declarative templates. Extend the template language with your own components and use a wide array of existing components. Get immediate Angular-specific help and feedback with nearly every IDE and editor. All this comes together so you can focus on building amazing apps rather than trying to make the code work. From prototype through global deployment, Angular delivers the productivity and scalable infrastructure that supports Google's largest applications. -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
5
Apollo Server
Spec-compliant and production ready JavaScript GraphQL server
Apollo Server is an open-source, spec-compliant GraphQL server that's compatible with any GraphQL client, including Apollo Client. It's the best way to build a production-ready, self-documenting GraphQL API that can use data from any source. Apollo Server provides a simple API for integrating with any Node.js web framework or serverless environment. The @apollo/server package itself ships with a minimally-configurable, standalone web server that handles CORS and body parsing out of the box. Integrations with other environments are community-maintained. Apollo Server's standalone server lets you get a GraphQL server up and running quickly without needing to set up an HTTP server yourself. It allows all the same configuration of GraphQL logic as the Express integration, but does not provide the ability to make fine-grained tweaks to the HTTP-specific behavior of your server. -
6
directus
Directus wraps any SQL database with a real-time GraphQL+REST API
With over 18 million downloads, Directus is the world's first Open Data Platform for instantly turning any SQL database into an API and beautiful no-code app. Power any project with a modern, open-source data platform. A modern data platform, designed for developers. Our modular codebase is 100% JavaScript, leveraging the power of Node.js and Vue.js 3 for blazing performance and easy extensibility. You remain in complete control of your new or existing database. No need to migrate to a proprietary data model, so there's no vendor lock-in. Directus is the world's leading Open Data Platform, with millions of downloads, thousands of active developers, and we're just getting warmed up. Start with a new or existing database, using any SQL vendor, Directus takes care of the rest. The Directus API layers on top of your database, providing both REST and GraphQL APIs for your data. -
7
Storybook
The UI component explorer, develop, document, & test React, Vue, etc.
Storybook is an open-source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation. Storybook provides a sandbox to build UIs in isolation so you can develop hard-to-reach states and edge cases. Implement components and pages without needing to fuss with data, APIs, or business logic. Render components in key states that are tricky to reproduce in an app. Save use cases as stories in plain JavaScript to revisit during development, testing, and QA. Use addons to customize your workflow, automate testing, and integrate with your favorite tools. Stories are a pragmatic, reproducible way to keep track of UI edge cases. Write stories once then reuse them to power automated tests. Whenever you write a story you get a handy test case. Quickly browse stories to make sure your UI looks right. Pinpoint UI changes down to the pixel by comparing image snapshots of stories. -
8
Master CSS
A markup-driven CSS language with enhanced syntax
Efficiently build your UI and design system with HTML only. The styles are pre-configured and optimized, so you can build whatever you want right away. Master CSS provides various compilation modes, allowing you to choose according to the characteristics and needs of different projects. Want to rapidly add filter, transform, and grid ? We've provided shorthand values like scale(2), blur(5) to make it easier for you to implement modern CSS effects. Never thought to use CSS selectors like :hover, :before, ::placeholder, and :where() directly in HTML? With 10 responsive breakpoints: @3xs~@4xl, our presets are suitable for almost all situations and devices. You can use not only arbitrary breakpoints. -
9
Agora Flat
Project flat is the Web, Windows and macOS client of Agora Flat
Agora Flat Open Source Virtual Classroom. Battery included online tutoring tools for teachers & freelance trainers. Build real-time interactive virtual classroom with ease from our open-sourced projects. Agora Flat was born out of an exploratory project in which we investigated customer needs and user experience. After receiving good internal feedback, we believe that Flat has the potential to become an online classroom product that can really help people and have a good user experience. We hope that through Flat the transfer cost of knowledge can be reduced a little. We knew that our power alone wasn’t enough, so we decided to open source, give as many developers as possible the opportunity to participate, and let the ideas and power of the community nourish Flat until it becomes something useful. Flat is currently under heavy development. It still grows up day by day. We are very happy to share this joy with you. -
Powerful Website Security | Continuous Web Threat PlatformReflectiz is a comprehensive web exposure management platform that helps organizations proactively identify, monitor, and mitigate security, privacy, and compliance risks across their online environments. Designed to address the growing complexity of modern websites, Reflectiz provides full visibility and control over first, third, and even fourth-party components, such as scripts, trackers, and open-source libraries that often evade traditional security tools.
-
10
Foal
Full-featured Node.js framework, with no complexity
It provides a set of ready-to-use components so you don't have to reinvent the wheel every time. In one single place, you have a complete environment to build web applications. This includes a CLI, testing tools, frontend utilities, scripts, advanced authentication, ORM, deployment environments, GraphQL and Swagger API, AWS utilities, and more. You no longer need to get lost on npm searching for packages and making them work together. All is provided. But while offering all these features, the framework remains simple. Complexity and unnecessary abstractions are put aside to provide the most intuitive and expressive syntax. We believe that concise and elegant code is the best way to develop an application and maintain it in the future. It also allows you to spend more time coding rather than trying to understand how the framework works. Finally, the framework is entirely written in TypeScript. -
11
Formik
Build forms in React
Formik is the world's most popular open-source form library for React and React Native. Formik takes care of the repetitive and annoying stuff, keeping track of values/errors/visited fields, orchestrating validation, and handling submission, so you don't have to. This means you spend less time wiring up state and change handlers and more time focusing on your business logic. No fancy subscriptions or observables under the hood, just plain React state and props. By staying within the core React framework and away from magic, Formik makes debugging, testing, and reasoning about your forms a breeze. If you know React, and you know a bit about forms, you know Formik! Since form state is inherently local and ephemeral, Formik does not use external state management libraries like Redux or MobX. This also makes Formik easy to adopt incrementally and keeps bundle size to a minimum. -
12
JavaScript Obfuscator
A powerful obfuscator for JavaScript and Node.js
javascript-obfuscator is a Node.js library and CLI that transforms readable JavaScript into hardened, difficult-to-reverse code. It applies techniques such as identifier mangling, string array extraction/encoding, control-flow flattening, dead-code injection, and numeric literal transformations to disguise intent. Advanced options include self-defending code, domain locking, debug/console protection, and property key transformation, allowing you to tailor defenses to your threat model. The tool supports source maps and granular “threshold”/whitelist settings so you can balance protection with performance and debuggability. It works with modern JavaScript syntax and integrates into build pipelines to protect selected bundles or modules automatically. Teams use it to deter casual inspection of proprietary logic, license checks, or anti-abuse heuristics shipped to the browser or Node targets. -
13
React Hook Form
React Hooks for form state management and validation
Performant, flexible, and extensible forms with easy-to-use validation. Intuitive, feature-complete API providing a seamless experience to developers when building forms. Leverage existing HTML markup and validate your forms with our constraint-based validation API. Package size matters. React Hook Form is a tiny library without any dependencies. Minimizes the number of re-renders, minimizes validate computation, and faster mounting. Since the form state is inherently local, it can be easily adopted without other dependencies. Striving to provide the best user experience and bring consistent validation strategies. -
14
SurveyJS
JavaScript Survey and Form Library
SurveyJS Form Library is distributed as npm packages and as scripts and style sheets that you can reference on your page. You can use it in any React, Angular, Vue, Knockout, or jQuery application. React, Angular, Knockout, and Vue3 are supported natively. To communicate with the server, the libraries use JSON objects that represent form schemas (content and layout of a form) and form results (answers). You have the option to build dynamic JSON-driven forms using our free full-featured form builder demo available on the website. Alternatively, you can integrate the form builder library and create forms using a drag-and-drop UI directly within your own application. With years of development and support behind us, we've assisted hundreds of companies across various industries. With Survey, you can create nearly anything that popular cloud services offer. Furthermore, our library is fully extensible, allowing you to modify its behavior to suit your specific needs. -
15
VitePress
Vite & Vue powered static site generator
Simple, powerful, and fast. Meet the modern SSG framework you've always wanted. Effortlessly create beautiful documentation sites with just markdown. Instant server start, lightning fast hot updates, and leverage Vite ecosystem plugins. Use Vue syntax and components directly in markdown, or build custom themes with Vue components. Fast initial load with static HTML, fast post-load navigation with client-side routing. VitePress is a Static Site Generator (SSG) designed for building fast, content-centric websites. In a nutshell, VitePress takes your source content written in Markdown, applies a theme to it, and generates static HTML pages that can be easily deployed anywhere. VitePress ships with a default theme designed for technical documentation, especially those that need to embed interactive demos. It powers this page you are reading right now, along with the documentation for Vite, Pinia, VueUse, Mermaid, Wikimedia Codex, and many more. -
16
Namer UI
Namer UI is a collection of reusable components
Namer UI is a collection of reusable Next.js/React components made to empower developers to quickly build beautiful UIs. Spend less time designing UI from the ground up and more time building the features that matter to your users. Check it out at https://namer-ui.vercel.app The outdated version is hosted at: https://namer-ui.netlify.app/ GitHub: https://github.com/Northstrix/namer-ui -
17
Blueberry Loom
Cryptographically reinforced form builder
A form builder that utilizes ML-KEM-1024, as well as the "ChaCha20 + Serpent-256 CBC + HMAC-SHA3-512" authenticated encryption scheme to enable end-to-end encryption for enhanced data protection. GitHub repository: https://github.com/Northstrix/blueberry-loom -
18
Formly
JSON powered dynamic forms for Angular
Formly is a dynamic (JSON-powered) form library for Angular that brings unmatched maintainability to your application's forms. Easy to extend with custom field type, validation, wrapper and extension. Every developer that’s using Angular to build cool web applications knows forms are among the most common things to build. We are building by hand with all the tools Angular gives us. NGX Formly was built as an open-source project, which you can find on GitHub. The tool lets you create forms based on a JSON structure. This makes it super easy and fast to build small and advanced forms in no time. It’s no problem when you use Angular with Material, Bootstrap, Ionic, PrimeNG, Kendo, and NativeScript. They have a plugin for all of them. We can give the select options manually to the select or via a defined enum . In order to get all the information from the enum, we have to store them in the ProductTypeNames which output an Array from the enum . -
19
Full Stack FastAPI Template
Full stack, modern web application template
The Full Stack FastAPI Template is a production-ready template that combines FastAPI for the backend and React for the frontend. It provides a robust foundation for building modern web applications, incorporating best practices for security, scalability, and maintainability. The template includes Docker configurations, CI/CD setups, and more to streamline development workflows. -
20
Geek Navigation
Navigation Station for Independent Developers!
Geek Ape Navigation. Navigation Station for Independent Developers! It originated from Tencent Navigation Station. At that time, when I first came into contact with the front end, I was looking for a website to imitate. This navigation station was born. The previous version added navigation to modify HTML, the JSON version solved the problem of managing navigation modification code, and managed all navigation in the form of managing JSON files. The management and navigation of the above version is still too cumbersome. Starting from this version, the database is used for management. The Vue family bucket is used in the front desk, the framework used by the server is Express, and the database is Mongodb. Vue dynamic navigation is a single-page method, which is very unfavorable for SEO optimization, so the Nuxt SSR method is used instead, which is also the biggest change in this version. -
21
GraphQL WebSocket
Coherent, zero-dependency, lazy, simple, GraphQL
Coherent, zero-dependency, lazy, simple, GraphQL over WebSocket Protocol compliant server and client. Messages are represented through the JSON structure and are stringified before being sent over the network. They are bidirectional, meaning both the server and the client must conform to the specified message structure. Connection is a connection within the established socket describing a "connection" through which the operation requests will be communicated. The server can close the socket (kick the client off) at any time. The close event dispatched by the server is used to describe the fatal error to the client. The client closes the socket and the connection by dispatching a 1000: Normal Closure close event to the server indicating a normal closure. -
22
Lume
Create 3D web applications with HTML, bring a new depth to your DOM
A toolkit that simplifies the creation of rich and interactive 2D or 3D experiences. LUME is composed of several packages that can be used individually, or together as a whole. HTML elements for easily defining rich and interactive 2D or 3D applications powered by CSS3D, WebGL, or both mixed together. This is a web component system that allows you to create new, fast, and performant HTML elements in a simple way. It provides the foundation for LUME's HTML elements and a standard pattern for building new elements that extend the features of LUME. Augment HTML elements with features called "behaviors" that are similar to custom elements: each behavior is defined as a class that has the same lifecycle methods as custom elements. The difference is that an unlimited number of behaviors can be associated with an element. -
23
NodePress
RESTful API service
RESTful API service for surmon.me blog, powered by NestJS, required MongoDB & Redis. -
24
NyaoVim
Web-enhanced Extensible Neovim Frontend
This is a Neovim frontend built on Electron. The Neovim editor is composed as a Web Component and users can extend the UI with reusable Web Components, HTML, CSS and JavaScript. NyaoVim is built in the same spirit. NyaoVim contains the Neovim editor as a Web Component and extends its UI with web technology, as in other modern editors and IDEs (e.g. Atom, VS Code, LightTable). NyaoVim bundles no extended UI by default. It only provides the nice UI plugin architecture. Users can compose their favorite UI with Web Components, HTML and CSS. It is also easy to make a NyaoVim distribution where useful components are bundled. Do not introduce another plugin manager. HTML for Web Components should be bundled with Vim plugins. Therefore, a Vim plugin manager can handle UI components, letting us bundle JS and Vim script code. -
25
Opine
Minimalist web framework for Deno ported from ExpressJS
A minimalist web framework for Deno ported from ExpressJS. Robust routing. Large selection of HTTP helpers including support for downloading/sending files, etags, Content-Disposition, cookies, JSONP etc. Support for static serving of assets. View system supporting template engines. Content negotiation. The quickest way to get started with Opine is to utilize the Opine CLI to generate an application. The Express philosophy is to provide small, robust tooling for HTTP servers, making it a great solution for single page applications, web sites, hybrids, or public HTTP APIs. Opine aimed to achieve these same great goals, focussing on providing equivalent robust tooling and features for Deno uses. Now Deno's Node compatibility layer is maturing sufficiently to support Express out of the box, Opine is operating in maintenance mode.