Open Source TypeScript Design Software - Page 2
Sort By:
TypeScript Design Software
View 76 business solutionsBrowse free open source TypeScript Design Software and projects below. Use the toggles on the left to filter open source TypeScript Design Software by OS, license, language, programming language, and project status.
-
AI-generated apps that pass security reviewRetool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
-
$300 in Free Credit Towards Top Cloud ServicesStart your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
-
1
Material UI
Comprehensive React component library that implements Material Design
Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box. A meticulous implementation of Material Design; every Material UI component meets the highest standards of form and function. Start quickly with Material Design or use the advanced theming feature to easily tailor the components to your needs. CSS utilities allow you to move faster and make for a smooth developer experience when styling any component. Reach out for the Figma Design Kit and the Sync plugin to bridge the gap between development and design when using Material UI. -
2
Material Web
Material Design Web Components
@material/web is a library of web components that helps build beautiful and accessible web applications. It uses Material 3, the latest version of Google's open-source design system. -
3
Menubar Electron
High level way to create menubar desktop applications with electron
Menubar Electron is a lightweight JavaScript library for creating desktop applications with persistent menu bar (Mac) or system tray (Windows/Linux) icons/interfaces, allowing developers to build utility apps that live in the user’s system bar and open a small window or popup when clicked. It serves as a wrapper around frameworks like Electron or Node GUI backends, abstracting common tasks such as positioning the popup window, handling click events, and integrating native tray interactions without writing platform-specific code. The library makes it easy to build cross-platform utilities like clipboard managers, quick note popups, status displays, or background tools that users access from the bar icon without filling taskbars or docks. menubar handles the lifecycle of the UI window, system tray icon, and related events so developers can focus on the application logic rather than boilerplate integration. -
4
Mirage
GUI for simplifying Elasticsearch Query DSL
The Elasticsearch query DSL supports 100+ query APIs ranging from full-text search, numeric range filters, and geolocation queries to nested and span queries. Mirage is a modern, open-source web-based query explorer for Elasticsearch. It offers a blocks-based GUI for composing Elasticsearch queries and comes with an on-the-fly transformer to show the corresponding JSON query API of Elasticsearch. Queries can be saved for later reuse. They can also be captured and shared by copying the URL. Mirage works with any Elasticsearch 2. x, 5. x, 6. x, and 7.x index currently. Below is the roadmap for query support. Every app in appbase.io has a query explorer view, which uses mirage. Mirage can be used along with ⊞ DejaVu to browse data and perform CRUD operations inside an Elasticsearch index. -
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
Moveable
Draggable, resizable, scalable, rotatable, warpable application
Moveable is draggable, resizable, scalable, rotatable, warpable, pinchable, groupable, and snappable. Draggable refers to the ability to drag and move targets. Resizable indicates whether the target's width and height can be increased or decreased. Scalable indicates whether the target's x and y can be scale of transform. Rotatable indicates whether the target can be rotated. Warpable indicates whether the target can be warped (distorted, bented). Pinchable indicates whether the target can be pinched with draggable, resizable, scalable, rotatable. Groupable indicates Whether the targets can be moved in group with draggable, resizable, scalable, rotatable. Snappable indicates whether to snap to the guideline. -
6
NG-MATERO
Angular Material admin template
Ng-Matero is an Angular admin template made with Material components. -
7
NativeScript-FloatingActionButton
Material Design Floating Action Button in NativeScript apps
The nativescript-floatingactionbutton plugin provides a Material Design Floating Action Button (FAB) for NativeScript applications, offering a prominent action button that floats above the UI and encourages user interaction. -
8
Nof Angular
An Angular version of the Nof color palette generator.
An Angular version of the Nof color palette generator. GitHub repository: https://github.com/Northstrix/nof-angular Link: https://nof-angular.netlify.app/ -
9
Peacock for Visual Studio Code
Subtly change the color of your Visual Studio Code workspace
Peacock for Visual Studio Code is a popular Visual Studio Code extension that allows developers to customize the color of their workspace, making it easier to distinguish between multiple open projects or environments. It is particularly useful for developers who work with several instances of VS Code simultaneously, as it provides a visual cue to identify each workspace quickly. The extension enables users to apply custom colors to various UI elements such as the title bar, activity bar, and status bar. It supports both predefined and user-defined colors, as well as random color generation for quick customization. Peacock integrates with features like Live Share and remote development, automatically adjusting colors based on the session context. It also allows fine-grained control over which UI elements are affected by the color changes. The extension stores settings within the workspace configuration, ensuring consistency across sessions. -
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
10
ReacType
Prototyping Tool for exporting React/Typescript Applications!
ReacType is a rapid prototyping tool built on Electron that allows users visualize their application architecture dynamically, employing a drag-and-drop canvas display and an interactive, real-time component code preview that can be exported as a React app for developers employing React component architecture alongside the comprehensive type-checking of TypeScript. In other words, you can draw prototypes and export React / TypeScript code! After opening the dmg and dragging ReacType into your Applications folder, ctrl+click the icon and select 'Open' from the context menu to run the app. This extra step is necessary since we don't have an Apple developer license yet. If you are given a warning that Apple could not scan the app. Users can now manage state dynamically within nested components using React Hooks within the state manager tab. For a selected component, users can see a list of available props from the parent, add props, and delete props in case they are not required later on. -
11
React Native Material Kit
Bringing Material Design to React Native
A set of UI components, in the purpose of introducing Material Design to apps built with React Native, quickly and painlessly. First, cd to your RN project directory, and install RNMK through rnpm . If you don't have rnpm, you can install RNMK from npm with the command npm i -S react-native-material-kit and link it manually. Apply Material Design Buttons with a few lines of code using predefined builders, which comply with the Material Design Lite default theme. And you can definitely build customized buttons from scratch. Built-in textfields, which comply with Material Design Lite. Customize textfields through builder. You can customize the styles by changing the global theme, which affects all checkboxes across the whole app. You can customize the styles by changing the global theme, which affects all radio buttons across the whole app. -
12
React Sketch.app
Render React components to Sketch
Managing the assets of design systems in Sketch is complex, error-prone and time consuming. Sketch is scriptable, but the API often changes. React provides the perfect wrapper to build reusable documents in a way already familiar to JavaScript developers. Manage design systems— react-sketchapp was built for Airbnb’s design system; this is the easiest way to manage Sketch assets in a large design system. Use real components for designs— Implement your designs in code as React components and render them into Sketch. Design with real data— Designing with data is important but challenging; react-sketchapp makes it simple to fetch and incorporate real data into your Sketch files. Build new tools on top of Sketch— the easiest way to use Sketch as a canvas for custom design tooling. -
13
TypeGraphQL
Create GraphQL schema and resolvers with TypeScript
Modern framework for GraphQL API in Node.js. Use only classes and decorators to define your GraphQL schema. No need to define types in SDL and no need to create interfaces for them! This way you will have only one source of truth, so say goodbye to all field type mismatches, typos, and annoying refactoring. Define your whole schema, including types, interfaces, enums, unions, and subscriptions. Create the schema, types, and resolvers only with TypeScript, using classes and decorators! Use features like automatic validation, authorization guards, dependency injection, and plenty more. Implement queries and mutations as normal class methods! Dependency injection support and decorators abstraction provide great separation of business logic from the underlying transport layer. That gives you really easy testability, so you can just provide mocks of dependencies to prevent side effects and unit test your resolvers like simple services whose methods only take some parameters. -
14
VARLET
A Vue3 component library based on Material Design 2 and 3
Varlet UI is a Material design component library developed based on Vue3, supporting mobile and desktop, developed and maintained by varletjs organization. Support Typescript, import on demand, dark mode, theme customization, internationalization, and provide VSCode plugin to ensure a good development experience. -
15
Vibe Design System
Official monday.com UI resources for application development in React
Vibe Design System is monday’s official open source design system and UI library for building React applications that look and feel native to the platform. It bundles a set of React component packages, design tokens, and styling primitives that promote consistency in colors, typography, spacing, and interaction patterns. It includes comprehensive documentation, a component catalog, and an interactive playground so developers and designers can explore components, review guidelines, and experiment with layouts before using them in production. Vibe is distributed as a package, and loading its CSS tokens provides a unified theming baseline across apps and extensions. Components are designed to optimize usability and accessibility while supporting monday-style workflows such as boards, dashboards, and complex data visualizations. -
16
ink-kit
Onchain-focused SDK with ready-to-use templates and themes
ink-kit is a developer toolkit for building applications on the INK blockchain ecosystem, bundling the pieces you typically need to go from a blank repo to a working dapp. It provides contract templates, deployment scripts, and client SDKs so you can iterate on on-chain logic and a frontend without stitching together disparate tools. The kit standardizes project layout and environment configuration, making local development, testing, and staging deploys predictable. Utilities for wallet connection, signing, and basic indexing help you focus on business logic rather than bootstrapping. Example apps and guides demonstrate common patterns—minting, access control, payments, and simple off-chain integrations—so teams can adapt and extend quickly. The overarching goal is to reduce time-to-first-transaction and give projects a maintainable base that scales as features grow. -
17
notfoundbot
fix & archive outgoing links on your website
notfoundbot is a GitHub Action that helps you automatically maintain the correctness of your website's outgoing links. It finds links that need fixing and opens pull requests that fix them. This action is intended for websites and blogs powered by static site generators. By using post dates derived from filenames, notfoundbot searches for Wayback Machine archives of linked resources that are contemporary to the post itself: broken links in a 2011 blog post will be linked to archives from around that era. -
18
pangu.js
Opinionated paranoid text spacing in JavaScript
pangu.js is a lightweight JavaScript library that automatically inserts proper spacing between Chinese, Japanese, or Korean (CJK) characters and Latin letters, numbers, or symbols. The goal is typographic polish: mixed-script text often becomes cramped or ambiguous without the correct spacing rules, and pangu.js fixes that reliably. It uses rule-based detection to walk text and add spaces where needed without altering the characters themselves. The library runs in browsers or Node.js, and can process raw strings, DOM nodes, or entire documents. Because it’s idempotent, applying it repeatedly won’t keep adding extra gaps, which makes it safe in pipelines. It’s a pragmatic tool for blogs, documentation, and apps that present multilingual content.
