Open Source TypeScript Design Software
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.
-
Veeam Data Platform v13.1 - Get Your Free TrialTry Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
One Monitoring Tool for IT, OT and Cloud | Free TrialModern infrastructure spans data centers, cloud platforms and factory floors, and every blind spot between them is a risk. PRTG supports SNMP, WMI, SSH and other standard protocols to monitor IT, OT and hybrid environments through one customizable dashboard. Build the views your team needs, from network health to application performance, without switching tools. Try PRTG free for 30 days now.
-
1
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. -
2
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. -
3
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/ -
4
One Dark Pro
Atom's iconic One Dark theme for Visual Studio Code
One Dark Pro is a popular Visual Studio Code theme inspired by the Atom One Dark theme, designed to provide a visually appealing and consistent coding environment. It focuses on readability and aesthetics, using a carefully selected color palette that reduces eye strain while maintaining strong contrast between code elements. The theme supports a wide range of programming languages, ensuring consistent syntax highlighting across different file types. It also integrates seamlessly with VS Code features, enhancing the overall developer experience. The design emphasizes clarity, making it easier to navigate and understand complex codebases. It is widely adopted due to its balance between style and functionality. Overall, OneDark-Pro serves as a high-quality customization option for developers seeking a polished coding interface. -
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
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. -
6
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. -
7
AstroPaper
A minimal, accessible and SEO-friendly Astro blog theme
AstroPaper is a minimal, responsive, accessible, and SEO-focused blog theme built with Astro. It supports type-safe Markdown and MDX content while keeping pages fast and suitable for static deployment. Built-in search uses Pagefind and requires no search server at runtime. Blog features include tags, archives, pagination, draft and scheduled posts, RSS, sitemaps, breadcrumbs, and collapsible tables of contents. The theme includes light and dark modes, dynamic Open Graph image generation, image lightboxes, callouts, and social sharing controls. Accessibility features cover semantic markup, keyboard navigation, ARIA labels, screen-reader support, and strong color contrast. Configuration is centralized so users can customize site metadata, appearance, publishing behavior, and optional features without rebuilding the theme architecture. -
8
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. -
9
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. -
$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.
-
10
react-resizable-panels
React components for resizable panel groups/layouts
react-resizable-panels provides accessible, flexible split-view layouts for React without wrestling low-level pointer math yourself. It models layouts as “groups” of panels separated by resize handles, supporting horizontal or vertical orientation and mixed min/max constraints that prevent panels from collapsing unexpectedly. The library focuses on smooth interactions: dragging, double-clicking to reset, and keyboard resizing for users who rely on accessibility features. It also supports snapping, collapsed states, and layout persistence so your app can remember user preferences between sessions. Because the API is component-based, you can nest groups, render custom panel contents, and style handles to match your design system. Under the hood, it keeps measurement logic reliable across reflows and React 18 rendering patterns, making it suitable for IDE-like UIs, data dashboards, and inspector panes. -
11
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. -
12
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. -
13
Actions and Tags for Zotero
Customize your Zotero workflow
Actions & Tags is a Zotero plugin for automating library organization through event-driven actions and custom scripts. It can add or remove tags when items are created, opened, closed, modified, or matched by other triggers. Users can also launch actions manually through configurable keyboard shortcuts. Built-in and community examples cover tag replacement, item-link copying, automatic note creation, and metadata translation. Scriptable operations allow advanced users to manipulate selected items, notes, collections, and application behavior. Actions can be combined into repeatable workflows that reduce manual cataloging and cleanup. The plugin is installed as an XPI extension and is intended to make Zotero adapt to individual research habits. -
14
BRAID
Themeable design system for the SEEK Group
Braid aims to make cross-brand UI development as fast as possible while maintaining a high level of quality and accessibility. In order to achieve this, Braid provides as a set of React components and CSS variable-based styling themes using vanilla-extract. As much as possible, we want Braid code to make sense to non-developers. We’re aggressively focused on the simplicity and composability of its API. Along with our work on Playroom, our goal is to empower designers and developers to iterate together in the same medium using the same components, reducing the need for high fidelity mock-ups before development starts. We want to allow you to spend less time polishing mock-ups and more time polishing the product. First, we recommend reading the design workflow and development workflow guides. These capture our current views on how best to make use of Braid in your daily work. -
15
Beer CSS
Build material design interfaces in record time
Build material design interfaces in record time without stress for devs. -
16
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. -
17
Gaea Editor
Design websites in your browser
Gaea Editor is a rich, web-based content editor designed for building and managing structured documents with a focus on flexibility and extensibility. It provides a block-based editing system where users can create complex layouts using modular components, similar to modern visual editors. The project emphasizes developer control, allowing customization of editor behavior, plugins, and data structures. It supports rich text formatting, media embedding, and dynamic content generation, making it suitable for content management systems and applications requiring advanced editing capabilities. The architecture is designed to separate content structure from presentation, enabling better maintainability and scalability. It likely includes APIs for integrating with backend systems and storing content in structured formats. Overall, gaea-editor serves as a powerful foundation for building customizable editing experiences on the web. -
18
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. -
19
NG-MATERO
Angular Material admin template
Ng-Matero is an Angular admin template made with Material components. -
20
vCard
vCard is a fully responsive personal portfolio website
vCard Personal Portfolio is a responsive portfolio website template built entirely with HTML, CSS, and JavaScript. It is designed to present a professional profile through a polished single-page interface that adapts to desktop and mobile screens. The template includes dedicated sections for personal information, services, work history, education, skills, portfolio projects, blog posts, and contact details. Testimonials appear in interactive cards with an expanded modal presentation. Portfolio content can be filtered by category, while navigation dynamically switches between page-like sections without requiring a full application framework. Because the project uses standard front-end technologies and carries an MIT license, developers can easily customize its content, styling, imagery, and structure for personal sites. -
21
Clarity Design System
A scalable, accessible, customizable, open source design system
Clarity is a scalable, customizable, open source design system bolstered by the people that build with it, the people we build it for, and the community that makes us who we are. Our toolkit is Figma. Every component, pattern, and guideline we ship is rooted in real customer interactions. As a result, you can rely on Clarity for 30+ components and over 200 icons so you can focus on product-specific user problems. The first folx that built Clarity from scratch were a scrappy team of developers, designers, and content creators. Clarity has continued to grow on that strong start by supporting the big three: Angular, React and Vue. Our latest Core components provide support for them all. Clarity provides code examples and detailed API documentation that guide you as you build your next application. -
22
DevExtreme Reactive
Business React components for Bootstrap and Material-UI
We've focused our energy on performance and best practices offered by the React team. Through immutability and pure React components, we apply ‘memoization’ and all built-in React optimizations to achieve outstanding performance. Fully control the Reactive component state and treat it as a pure view component. Effortlessly enable state persistence and time-traveling without side effects. To help you write less code, our components can also manage their state internally. DevExtreme Reactive Components are built of plugins. Add and deploy only those features you require or extend the built-in functionality with your own (or third-party) custom plugins. TypeScript is often the choice for enterprise-scale web applications. Our TypeScript definitions are autogenerated and are always complete and in sync with docs. Each component text element is customizable. As such, web apps powered by DevExtreme Reactive can be easily localized/globalized. -
23
Floating Vue
Easy tooltips, popovers, dropdown, menus... for Vue
Floating Vue is a Vue library for building tooltips, dropdowns, popovers, and hover menus positioned with Floating UI. It provides a v-tooltip directive for simple content and components such as VTooltip, VDropdown, and VMenu for richer interfaces. Popper content can contain Vue components, form controls, and custom slots. Developers can choose automatic or directional placement and configure hover, click, focus, touch, or manual triggers. Themes define default behavior and styling for different floating elements and can be extended globally or per component. The library supports separate release lines for Vue 2 and Vue 3. It is MIT-licensed and includes documentation, demos, migration guides, and reusable lower-level building blocks. -
24
GitFut
Your GitHub stats, turned into a World-Cup-style player card
GitFut is a playful web app that turns a GitHub profile into a World-Cup-style football player card. It scores a user out of 99 by reading live GitHub profile signals instead of asking for self-reported data. The project maps GitHub activity into football-style stats such as pace, shooting, passing, dribbling, defending, and physicality. It also assigns an overall rating, position, archetype, country flag, and card finish based on the shape and strength of the profile data. The generated card can be embedded as a live image in a README, portfolio, or personal website. Built with Next.js, TypeScript, Tailwind, and Redis, it is both a fun developer identity tool and an example of social GitHub visualization. -
25
Java Design Patterns Website
Next generation website for Java Design Patterns
This project is the VuePress-powered web front end for the well-known “java-design-patterns” project, which documents classic and modern design patterns in Java. Its purpose is to present that large body of content as a browsable, fast, static website with organized navigation, search, and pattern categorization. Instead of reading patterns only in GitHub markdown, users can consume them in a more pleasant documentation format with sections, sidebars, and themed pages. The site structure makes it easier to discover related patterns, see intent and applicability, and jump between creational, structural, and behavioral groups. Because it’s built on VuePress, it benefits from a static-site workflow, theming, and easy deployment to GitHub Pages or similar hosting. It’s a good example of taking a large technical repo and giving it a documentation-first UI so newcomers can learn patterns without getting lost.
