Open Source TypeScript Web Development Software
Sort By:
TypeScript Web Development Software
View 5728 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.
-
Keep company data safe with Chrome EnterpriseMake AI work your way with Chrome Enterprise. Block unapproved sites and set custom data controls that align with your company's policies.
-
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
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. -
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. -
Photo and Video Editing APIs and SDKsUnlock Picsart's full editing suite by embedding our Editor SDK directly into your platform. Offer your users the power of a full design suite without leaving your site.
-
5
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. -
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
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. -
8
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. -
9
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. -
Build Securely on Azure with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
10
webiny
Enterprise open-source serverless CMS
Enterprise open-source serverless CMS. Includes a headless CMS, page builder, form builder and file manager. Easy to customize and expand. Deploys to AWS. Create GraphQL APIs, full-stack applications and websites. Deploy with single command to your AWS. Runs on services like AWS Lambda and DynamoDB. Highly-scalable & highly-available out of the box. You get a full-stack project with a GraphQL API and a React frontend that you can use to start building. Write custom apps and business logic and let our framework solve the serverless complexities. Create new projects and scaffold apps and APIs via command-line. Deploy projects to AWS. A set of ready-made apps you can use to create APIs, static pages and forms using no-code approach. Open-source framework that helps you to architect, build and deploy solutions on top of serverless infrastructure. -
11
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. -
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
NodePress
RESTful API service
RESTful API service for surmon.me blog, powered by NestJS, required MongoDB & Redis. -
14
REACT COOL STARTER
A starter boilerplate for a universal web app
A simple but feature-rich starter boilerplate for creating your own universal app. It built on the top of React, Redux, React Router and Express. Includes all the hot stuff and modern web development tools such as Redux Toolkit, TypeScript, Webpack, Babel, PostCSS, React Refresh, Jest and React Testing Library. See the “Features” section for other awesome features you can expect. They're several React frameworks today, however this is a DIY-oriented start-kit. It shows you how to build a universal web app from scratch and how to test it. Redux Toolkit is the official, opinionated, batteries-included toolset for efficient Redux development. It includes several utility functions that simplify the most common Redux use cases. In a word, we can do more work with less code, start from the tutorial to learn more about it. -
15
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. -
16
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 -
17
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. -
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
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. -
24
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 -
25
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.
