Open Source TypeScript Web Development Software
Sort By:
TypeScript Web Development Software
View 154 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.
-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
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.
-
1
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. -
2
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. -
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
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. -
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
5
Webstudio
Open source website builder and Webflow alternative
Webstudio is an open source visual development platform that enables developers, designers, and cross-functional teams to build modern websites through a powerful visual builder while maintaining full ownership of their data and infrastructure. The project positions itself as a Webflow alternative but emphasizes openness, portability, and deep control over the generated frontend code. It connects to any headless CMS and exposes the full power of CSS within a visual interface, allowing users to fine-tune responsive behavior and styling without sacrificing flexibility. Webstudio supports both hosted usage and full self-hosting, giving organizations the option to avoid vendor lock-in. Its architecture is built around modern web standards and focuses on maintainable, high-performance output suitable for production environments. Overall, Webstudio targets teams that want a no-code or low-code experience without losing developer-level control over the final product. -
6
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. -
7
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. -
8
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. -
9
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 . -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
10
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. -
11
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. -
12
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. -
13
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. -
14
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. -
15
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. -
16
Nordcraft
Packages that are used internally by the Nordcraft engine
Nordcraft is an open source Web Development Engine that combines visual design tools, a reactive front-end framework, server-side rendering, and full programming capabilities in a unified platform aimed at streamlining modern web app creation. It offers a visual editor that lets designers and developers collaborate closely, making it possible to build, preview, and modify interfaces without constantly switching between code and browser views. The engine supports versioning, reactive signals, animations, and asset management, so teams can build dynamic and performant sites with minimal overhead. Nordcraft’s architecture emphasizes modern web standards, component-based reactivity, and optimized runtime performance for both client and server environments. Its development ecosystem includes branching workflows, live previews, and integrated tooling to support complex project lifecycles. -
17
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. -
18
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. -
19
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. -
20
JSON-Studio
Fast, private desktop app to explore, search, query and diff files
JSON Studio is a private, lossless workspace for JSON. Most JSON tools either choke on big files, silently mangle your numbers, or send your data to a server. JSON Studio does none of that. It is a native desktop app built for speed and correctness: open a half-gigabyte file and start navigating immediately, knowing that what you see is byte-for-byte what is on disk. Everything runs on your own machine - no accounts, no uploads, no analytics, no network calls - making it safe for proprietary, regulated or personal data. -
21
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 -
22
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 -
23
Add to Calendar Button
Reliably create beautiful Add to Calendar Buttons with ease
Boost event attendance with Add to Calendar Button, the ultimate open-source web component that lets users save events to their favorite calendars in one click! Designed to eliminate developer headaches, this fast, lightweight library supports all major platforms, including Google, Apple, Outlook, Microsoft 365, Teams, and Yahoo. With robust, built-in time zone and daylight-saving management, it handles complex scheduling flawlessly. It is fully responsive, supports over 20 languages (including RTL), and offers auto-generated Schema.org structured data for an SEO boost. It even bypasses tricky mobile in-app browser restrictions with smart user guidance workarounds. Easy to customize, secure by design, and 100% GDPR/CCPA compliant, it integrates into any stack - React, Vue, Angular, or WordPress - in under a minute. Give your users the perfect event-saving experience! -
24
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. -
25
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.
