Open Source TypeScript Frameworks
Sort By:
TypeScript Frameworks
View 168 business solutionsBrowse free open source TypeScript Frameworks and projects below. Use the toggles on the left to filter open source TypeScript Frameworks by OS, license, language, programming language, and project status.
-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
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.
-
1
Apollo Client
A fully-featured, production ready caching GraphQL client
Apollo Client is a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL. Use it to fetch, cache, and modify application data, all while automatically updating your UI. Apollo Client helps you structure code in an economical, predictable, and declarative way that's consistent with modern development practices. The core Apollo Client library provides built-in integration with React, and the larger Apollo community maintains integrations for other popular view layers. Write a query and receive data without manually tracking loading states. Enjoy helpful tooling for TypeScript, Chrome / Firefox devtools, and VS Code. Take advantage of the latest React features, such as hooks. Drop Apollo into any JavaScript app and incorporate it feature by feature. Use any build setup and any GraphQL API. Share knowledge with thousands of developers in the GraphQL community. -
2
tsParticles
Easily create highly customizable particles
Easily create highly customizable particles, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components. A lightweight TypeScript library for creating particles. Dependency-free, browser ready and compatible with React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components. This library is available on the two most popular CDNs and it's easy and ready to use, if you were using particles.js it's even easier. CDNs and npm have all the sources you need in Javascript, a bundled browser ready (tsparticles.min.js) and all files split for import syntax. Premium Addons for Elementor is one of the most common plugins for Elementor that offers more than 55 highly customizable Elementor Widgets and Section Add-ons. -
3
React Native Reanimated
React Native's Animated library reimplemented
React Native Reanimated is a powerful animation library for creating smooth, native-feeling motion in React Native applications. It lets developers write animations in JavaScript while running performance-critical animation logic on the UI thread. This makes it useful for gestures, transitions, shared element effects, scroll interactions, and highly responsive interfaces. The repository now includes both React Native Reanimated and React Native Worklets, which support multi-threaded JavaScript execution. Reanimated is widely used when standard React Native animation tools are not flexible or fast enough for complex UI behavior. Its main value is giving developers detailed control over motion while keeping animations responsive even under heavy JavaScript workload. -
4
Boneyard
Auto generated skeleton loading framework
Boneyard is an experimental or utility-focused repository that serves as a collection of discarded, archived, or exploratory code projects. It functions as a sandbox where developers can store unfinished ideas, prototypes, or deprecated implementations without removing them entirely. The project provides a space for experimentation, allowing developers to revisit past work, extract useful components, or learn from previous attempts. It often contains a variety of code snippets or mini-projects that may not be production-ready but still hold educational or practical value. Boneyard reflects a development philosophy that values iteration and learning through experimentation rather than discarding work completely. It can also serve as a reference repository for patterns, techniques, or ideas that might be reused in future projects. Overall, Boneyard acts as a digital archive of development efforts that preserves knowledge and supports continuous improvement. -
Paessler: Easy to Use With Enterprise Power. Free TrialYou shouldn't have to choose between a monitoring tool that's easy to use and one that's powerful enough for a complex environment. PRTG's low-code interface lets any admin build dashboards, set alerts and monitor devices without scripting, while custom sensors and full API access are there when your team needs deeper control. One platform, no compromise. Download a free 30-day trial now.
-
5
Budibase
Create business apps and automate workflows in minutes
Budibase is an open-source low-code platform that saves engineers 100s of hours building forms, portals, and approval apps, securely. Unlike other platforms, with Budibase you build and ship single page applications. Budibase applications have performance baked in and can be designed responsively, providing users with a great experience. Budibase is open-source - licensed as GPL v3. This should fill you with confidence that Budibase will always be around. You can also code against Budibase or fork it and make changes as you please, providing a developer-friendly experience. Budibase pulls data from multiple sources, including MongoDB, CouchDB, PostgreSQL, MariaDB, MySQL, Airtable, S3, DynamoDB, or a REST API. And unlike other platforms, with Budibase you can start from scratch and create business apps with no data sources. Request new data sources. -
6
React Native SVG
SVG library for React Native, React Native Web, and plain React web
React Native SVG provides SVG support for React Native across iOS, Android, macOS, Windows, and web-compatible environments. It lets developers render scalable vector graphics using React components instead of relying only on static image assets. The library supports many common SVG elements and properties, including shapes, paths, gradients, clipping, masking, and text-related features. It is useful for icons, illustrations, charts, logos, dynamic graphics, and animated vector UI. Developers can also convert SVG markup into React Native SVG components, which helps bring existing design assets into mobile projects. Its main value is making vector graphics flexible, scalable, and programmable inside React Native apps. -
7
React Native Detour
SDK for handling deferred deep links in React Native
React Native Detour is an SDK for handling deferred deep links in React Native applications. It helps apps understand where users should land after installation, even when the original link was opened before the app existed on the device. This is useful for onboarding flows, referral campaigns, shared content links, invite systems, and marketing attribution. The SDK is designed to connect React Native apps with Detour credentials and platform-level integration. It gives developers runnable examples so they can test linking behavior in realistic app scenarios. Its main value is reducing friction around deferred linking, so users can move from a link to the correct in-app destination more reliably. -
8
Hexabot
Hexabot is an open-source AI chatbot / agent builder
Hexabot is an open-source chatbot and conversational AI platform designed to provide a modular and extensible environment for building intelligent assistants. It combines a visual interface with backend flexibility, allowing developers and non-technical users to design conversational flows, integrate APIs, and manage interactions in a structured way. The platform supports both rule-based and AI-driven interactions, enabling hybrid chatbot systems that can handle deterministic workflows alongside generative responses. It is built with scalability in mind, allowing deployment across different environments while maintaining a consistent architecture. Hexabot includes features for managing conversations, handling user data, and integrating external services, which makes it suitable for customer support, automation, and enterprise use cases. The system emphasizes extensibility, allowing developers to customize behavior through plugins and integrations. -
9
Vuetify
Vue Component Framework
Vuetify is a no design skills required Open Source UI Library with beautifully handcrafted Vue Components. Vuetify is an MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from the entire Core Team. Sponsor Vuetify and receive some awesome perks and support Open Source Software at the same time. Vuetify is a no-design-skills required UI Library with beautifully handcrafted Vue Components. No design skills are required, everything you need to create amazing applications is at your fingertips. Vuetify has a massive API that supports any use case. -
Save Up to 91% on Cloud Compute With Spot VMsRun batch jobs at 60-91% off with Spot VMs. Long-running workloads get automatic discounts with sustained use.
-
10
React Native Gesture Handler
Declarative API exposing platform native touch and gesture system
React Native Gesture Handler is a gesture system for building smooth touch interactions in React Native apps. It replaces the limitations of the standard JavaScript responder system with native-driven gesture recognition. This allows gestures to be tracked on the UI thread, making touch behavior more reliable during animations, scrolling, and complex interactions. The library is especially useful for apps that need swipes, pans, taps, long presses, drag gestures, and nested gesture handling. It integrates closely with React Native Reanimated, making it a common foundation for high-performance mobile interfaces. Its main value is helping developers create fluid, deterministic, platform-native gesture experiences without manually fighting React Native’s default touch system. -
11
Agent-Native
A framework for building agentic apps
Agent-Native is an open-source TypeScript framework for building AI agents with purpose-built application interfaces. Each capability is defined once as an action that can be called by both the agent and the user interface. The same actions can also be exposed through HTTP, MCP, A2A, and command-line interfaces. Shared data and application state let agents see relevant UI context and immediately surface their work back to users. The framework includes chat, authentication, permissions, skills, memory, automations, agent teams, and PostgreSQL-backed persistence. It supports PGlite for local development and lets developers bring their own models, databases, tools, and infrastructure. Example agents cover meetings, design, slides, analytics, calendars, mail, media, content, and planning. -
12
React Native Screens
Native navigation primitives for your React Native app
React Native Screens exposes native navigation container primitives to React Native applications. It is not mainly intended as a standalone app-facing library, but as a foundation used by full navigation systems. By relying on native screen containers, it can improve memory usage, navigation performance, and platform consistency. The library is commonly used with React Navigation and native stack navigators. It supports modern navigation patterns such as stacks, modals, headers, and sheet-style presentations. Its main value is helping React Native navigation feel closer to native iOS and Android behavior while improving efficiency behind the scenes. -
13
React Native Shine
Fast and efficient way to add interactive GPU-based shader effects
React Native Shine is a library for adding interactive, shader-driven visual effects to React Native interfaces. It uses GPU execution through native bindings, which makes it better suited for rich effects than approaches that depend heavily on the JavaScript thread. The project is designed for shiny, dynamic, creative UI interactions such as lighting, reflective surfaces, animated highlights, and touch-responsive visuals. It depends on React Native Reanimated, React Native Worklets, React Native WGPU, and TypeGPU, placing it within Software Mansion’s modern GPU and animation ecosystem. React Native Shine is especially useful for apps that want premium visual polish without manually writing every low-level GPU detail. Its main value is making advanced shader-based interface effects easier to integrate into React Native apps. -
14
Better Stack JavaScript client
Better Stack JavaScript client
Logtail is now part of Better Stack. Better Uptime and Logtail have been rebranded as Uptime and Logs on the Better Stack platform. Our mission is to help developers in building a better internet. And we believe that with the new fully integrated Better Stack platform, we’re simplifying the experience for the developers leveraging Better Stack even further. Formerly Logtail, lets you visualize your entire stack, turn your logs into structured data, and query everything like a single database with SQL. Customize retention per source to retain and query everything you want. No need to archive your logs to S3 anymore. Search all your logs anytime. See what metrics your teammates are looking at, comment on note-worthy data spikes and share log fragments with one click. Building a great software is a multiplayer game. Get answers fast with a powerful SQL query builder. No need to learn a new querying language or ask your data analyst. -
15
Nuxt
The Intuitive Vue Framework
Nuxt is a free, open‑source framework built on Vue.js that streamlines the development of type‑safe, high-performance full‑stack web applications and static sites, with an emphasis on developer experience, modularity, and extensibility. Simple, intuitive and powerful, Nuxt lets you write Vue components in a way that makes sense. Every repetitive task is automated, so you can focus on writing your full-stack Vue application with confidence. We highly recommend you take a look at the Nuxt documentation to level up. It’s a great resource for learning more about the framework. It covers everything from getting started to advanced topics. -
16
Output
TypeScript framework for building AI workflows and agents
Output is an open-source TypeScript framework designed to build, orchestrate, and manage AI workflows and agents within a single unified system. It consolidates multiple aspects of AI development, including prompt management, evaluation, tracing, cost tracking, and orchestration, into a file-based architecture that lives entirely within the codebase. The framework is built specifically to work with AI coding agents, enabling them to read, modify, and execute workflows directly from structured project folders. It eliminates reliance on fragmented SaaS tools by providing all necessary components locally, ensuring better transparency and control over data and processes. Output includes built-in evaluation systems, such as LLM-as-a-judge scoring, and integrates workflow orchestration tools like Temporal to handle retries, parallel execution, and state management. It also supports multiple model providers through a unified API. -
17
xcmp
The TypeScript MCP framework
xmcp is a modern TypeScript framework created by Basement Studio for building and deploying MCP (Model Context Protocol) applications. Emphasizing developer experience, it streamlines project scaffolding, development workflow, and deployment, integrating smoothly with ecosystems like Next.js. Launched recently and backed by active CI and NPM distribution, xmcp aims to lower barriers in the MCP ecosystem. -
18
AWS Cloud Development Kit (AWS CDK)
A framework for defining cloud infrastructure in code
The AWS Cloud Development Kit (AWS CDK) is an open source software development framework to define your cloud application resources using familiar programming languages. Provisioning cloud applications can be a challenging process that requires you to perform manual actions, write custom scripts, maintain templates, or learn domain-specific languages. AWS CDK uses the familiarity and expressive power of programming languages for modeling your applications. It provides you with high-level components called constructs that preconfigure cloud resources with proven defaults, so you can build cloud applications without needing to be an expert. AWS CDK provisions your resources in a safe, repeatable manner through AWS CloudFormation. It also enables you to compose and share your own custom constructs that incorporate your organization's requirements, helping you start new projects faster. -
19
Brim
Application to efficiently search and analyze super-structured data
Desktop application to efficiently search and analyze super-structured data. Powered by Zed. Zed is a system that makes data easier by utilizing our new super-structured data model. Brim is a desktop app to explore, query, and shape the data in your super-structured data lake. Brim is an open source desktop application for security and network specialists. Brim makes it easy to search and analyze data from packet captures, like those created by Wireshark, and structured logs, especially from the Zeek network analysis framework. Brim is especially useful to security and network operators that need to handle large packet captures, especially those that are cumbersome for Wireshark, tshark, or other packet analyzers. Inspired by the Unix-tools design pattern, everything Brim does can be run from the command line. Think of Brim's components like Lego blocks that you can easily interconnect and assemble. It’s all open source, so have a look. -
20
koa-simple-ratelimit
Simple rate limiter for Koa.js v2 web framework
Rate limiter middleware for koa v2. Differs from koa-rate limit by not depending on rate limiter and using Redis ttl (time to live) to handle expiration time remaining. This creates only one entry in Redis instead of the three that node-ratelimiter does. -
21
AIHOT
A website framework for finding hot topics and writing daily newspaper
AIHOT is a self-hosted framework for building AI-curated news and industry intelligence websites. It collects material from sources such as RSS feeds, websites, JSON APIs, social accounts, WeChat, and custom scripts. Incoming items are deduplicated, prefiltered, scored twice by language models, and selected according to configurable thresholds. The system writes summaries, titles, translations, tags, and recommendations before clustering related reports into shared events. Event popularity is calculated from independent sources instead of raw article counts. It can automatically publish daily, weekly, and monthly briefings with topic pages and search. RSS, APIs, MCP, Markdown endpoints, administration tools, and Docker deployment make the framework usable by both people and AI agents. -
22
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. -
23
OpenSumi
A framework helps you quickly build Cloud or Desktop IDE products
A framework helps you quickly build Cloud or Desktop IDE products. Integrate with your coding frameworks with ease. Support the container, Electron and front-end frameworks. Also help to ship and deploy quickly. Support VS Code plugins, OpenSumi plugins and OpenSumi modules to meet various business requirements. Customize the UI design in any way you like, no matter to simply configure the built-in UI, or develop a UI template, or build your own UI through plugins. OpenSumi framework aims to solve the redundant building problem of IDE product development within Alibaba, endeavours to fulfill IDE customization capabilities in more vertical scenarios and implement the shared underlying layer of Web and local clients, so that IDE development can move from the early "slash-and-burn" era to the "machine-based mass production" era. -
24
open-slide
A slide framework built for agents
open-slide is an open-source presentation and slide generation platform designed to simplify the creation of visually structured slide decks through programmable and collaborative workflows. The project emphasizes flexibility, allowing users to build presentations using markdown, code-driven layouts, or modular content systems instead of relying solely on traditional slide editors. It supports developer-friendly workflows where presentations can be version-controlled, customized, and integrated into automated documentation or educational pipelines. The platform is designed for modern web-based presentation rendering and may include live previewing, export functionality, and interactive slide behaviors. Its architecture prioritizes extensibility and portability, making it useful for technical presentations, documentation, teaching materials, and collaborative content creation. -
25
vuejs/core
Vue.js is a progressive, incrementally-adoptable JavaScript framework
Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
