Open Source TypeScript Design Software
Sort By:
TypeScript Design Software
View 77 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.
-
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.
-
Attack Surface Management | Criminal IP ASMCriminal IP’s Attack Surface Management (ASM) is a threat-intelligence–driven platform that continuously discovers, inventories, and monitors every internet-connected asset associated with an organization, including shadow and forgotten resources, so teams see their true external footprint from an attacker’s perspective. The solution combines automated asset discovery with OSINT techniques, AI enrichment and advanced threat intelligence to surface exposed hosts, domains, cloud services, IoT endpoints and other Internet-facing vectors, capture evidence (screenshots and metadata), and correlate findings to known exploitability and attacker tradecraft. ASM prioritizes exposures by business context and risk, highlights vulnerable components and misconfigurations, and provides real-time alerts and dashboards to speed investigation and remediation.
-
1
Materialize
Materialize, a web framework based on Material Design
Materialize, a CSS Framework based on Material Design. Using VanillaJS and as less dependencies as possible to keep it fast and simple. We use TypeScript since it builds upon JavaScript and enhances the type- and code safety. You don't have to learn or integrate any new or crappy stuff. The goal here is to stick to the roots. Just copy and paste from the documentation and you are good to go. Most of the Features work event without JavaScript. Components should be useable by mobile devices and easily accessible by keyboard too. Try it out. User-centric approach with established design principles mainly from Google's Material guidelines. Our Components should work on nearly every device with a monitor. User-centric approach with many members all around the world, which helps bring Materialize forward and improve usability for everyone on the web. You can be a part too. -
2
Figma electron app
Figma is the first interface design tool based in the browser
Figma is the first interface design tool based in the browser, making it easier for teams to create software. Figma-linux is an unofficial Electron-based Figma desktop app for Linux. You can install Figma-linux from Snap. There is also an AppImage available. Get it on our Releases page, then make it executable and install using the terminal commands provided. Download the .deb package from the Releases page, and install it with dpkg or your favorite .deb installer. -
3
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. -
4
ayu
Modern sublime text theme
ayu is a simple theme with bright colors and comes in three versions, dark, mirage and light for all day long comfortable work. ayu from version 3.0.0 supports customization via A File Icon package. Please install it and restart Sublime for better experience. Since verion 5.0.0 monospaced fonts options were removed. But it's still possible to use your favorite font in the user interface of the theme. -
The CRM you will want to use every dayAct! Premium is perfect for small and midsize businesses looking to market better, sell more, and create customers for life. With unparalleled flexibility and freedom of choice, Act! Premium accommodates the unique ways you do business. Whether it’s customizations to fit your specific business or industry processes or your preferences for deployment and access, the possibilities with Act! Premium are limitless.
-
5
MDUI
Develop Material Design web applications
MDUI is beautiful, lightweight, and easy to use, it makes it easier for you to develop Material Design web applications. 19 main colors, 16 accent colors, 1-night theme, just add a CSS class to toggle. And supports automatic theme switching according to the operating system theme. CSS is only 32KB and JavaScript is only 19KB, which loads faster. All developed in TypeScript with perfect type hints. Mobile-first, gradually expand from small screen to large screen, and finally, realize all screen adaptation. Does not rely on any third-party library, saves network traffic, makes loading faster, and improves user experience. Use CSS3 to do animation interaction, smooth and efficient, and make the animation of web applications smoother. MDUI includes more than 20 components, and each component can be adapted to different themes. You only need to know a little basic knowledge of HTML, CSS, JS to use MDUI. -
6
Material ScrollTop Button
Lightweight, Material Design inspired plugin
Lightweight, Material Design-inspired plugin for scrolling on top of the page (with jQuery) Just hit the button to smoothly scroll back to the top of the page. -
7
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. -
8
PixiJS
The HTML5 Creation Engine
PixiJS is a fast and lightweight 2D rendering library that lets you create rich, interactive graphics, cross platform applications, and HTML5 games even without prior knowledge of WebGL. It’s a fantastic tool for creating rich, interactive content and with built-in cross platform compatibility and graceful degradation, there’s less work for you and more space for fun and creativity! PixiJS works across all devices and is incredibly fast. If you want to create exceptional experiences without having to deal with dense, low level code, browser inconsistencies, WebGL API or device compatibility, PixiJS is for you! See some great examples and creations made with PixiJS in the official website: https://www.pixijs.com/ -
9
KEEN-SLIDER
The HTML touch slider carousel with the most native feeling
A lightweight, customizable slider library for web projects, designed for smooth animations. -
Runn is a modern resource and capacity planning platform that gets remote teams on the same page.Runn has a modern and easy-to-use interface that provides your team with a shared view of all the people and projects in your organization. Plan new work alongside existing projects and instantly see how changes to your plans and resourcing affect your company’s bottom line. Runn is intuitive to use and lets you quickly schedule work using simple drag and drop functionality. Runn also allows you to collaborate with your co-workers in real-time, seeing updates live without having to refresh your browser. Runn combines resource and capacity planning with integrated actual tracking and powerful forecasting to deliver meaningful insights and a full picture of your organization.
-
10
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. -
11
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. -
12
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. -
13
Beer CSS
Build material design interfaces in record time
Build material design interfaces in record time without stress for devs. -
14
MDB Vue UI Kit
Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT
Bootstrap 5 & Vue 3 UI KIT - 700+ components, MIT license, simple installation. MDB is a collection of free Bootstrap templates, themes, design tools & resources. Simple installation via .zip, npm or cdnjs. Free Hosting, WordPress support, custom domains, SSL support, free database, frontend & backend templates, webpack starter included, git repository, FTP & Jenkins support. -
15
Material Tailwind
Easy-to-use components library for Tailwind CSS and Material Design
Material Tailwind is an open-source library that uses the power of Tailwind CSS and React to help you build unique web projects faster and easier. The stunning design inspired by Material Design is a bonus. Enhance your workflow with seamless integrations for your favorite tools using Material Tailwind. -
16
NG-MATERO
Angular Material admin template
Ng-Matero is an Angular admin template made with Material components. -
17
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. -
18
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. -
19
Figma Code Connect
A tool for connecting your design system components
Figma Code Connect is an open-source tool that enhances collaboration between designers and developers by synchronizing design components with source code in real time. Instead of treating design files and codebases as separate artifacts, it creates a continuous link so when a designer updates a UI element in Figma, developers see corresponding code changes or annotations immediately, making handoffs more precise and frictionless. The system supports multiple frameworks and languages, enabling teams to generate usable code snippets, style values, and component metadata from visual designs without manual translation. This approach reduces miscommunication and repetitive tasks that traditionally occur between design and engineering teams, speeding up iteration cycles while preserving fidelity to the original design intent. It can be integrated into development environments or build tooling so design updates automatically propagate into code patterns or UI specs. -
20
Catppuccin
Soothing pastel theme for the high-spirited
Catppuccin is a community-driven pastel theme that aims to be the middle ground between low and high contrast themes. It consists of 4 soothing warm flavors with 26 eye-candy colors each, perfect for coding, designing, and much more! In addition, this repository tracks the development of the actual color palette, the project's documentation, organization-wide assets, resources and code samples for maintainers/developers. -
21
Liquid (vscode)
Liquid language support for VS Code
The essential vscode extension for Liquid (template language). Supports formatting, tag, filter, object and schema auto-completions, hovers, syntax highlighting, diagnostic capabilities, and respects HTML Intellisense features. Liquid Template Literal syntax highlighting support for TypeScript and JavaScript. Hover descriptions and reference links on tags, filters, objects, and more! Supports Liquid embedded code block syntax highlighting. Embedded JSON Schema Tag language completions and diagnostics in Shopify theme sections. -
22
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. -
23
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. -
24
Styled Components
Visual primitives for the component age
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress. Utilising tagged template literals (a recent addition to JavaScript) and the power of CSS, styled-components allows you to write actual CSS code to style your components. It also removes the mapping between components and styles, using components as a low-level styling construct could not be easier! Alternatively, you may use style objects. This allows for easy porting of CSS from inline styles, while still supporting the more advanced styled-components capabilities like component selectors and media queries. styled-components is compatible with both React (for web) and React Native, meaning it's the perfect choice even for truly universal apps! If you're using tooling that has babel-plugin-macros set up, you can switch to the styled-components/macro import path instead to gain the effects of the babel plugin without further setup. -
25
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.