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.
-
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
99.99% Uptime for MySQL and PostgreSQL DatabasesCloud SQL Enterprise Plus delivers near-zero downtime with 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server.
-
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
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. -
3
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. -
4
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. -
Host LLMs in Production With On-Demand GPUsDeploy your model, get an endpoint, pay only for compute time. No GPU provisioning or infrastructure management required.
-
5
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/ -
6
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. -
7
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. -
8
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. -
9
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. -
$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
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. -
12
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. -
13
Beer CSS
Build material design interfaces in record time
Build material design interfaces in record time without stress for devs. -
14
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. -
15
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. -
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
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. -
18
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. -
19
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. -
20
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. -
21
KEEN-SLIDER
The HTML touch slider carousel with the most native feeling
A lightweight, customizable slider library for web projects, designed for smooth animations. -
22
Kerach
A Makeshift Text Shaderer
A Makeshift Text Shaderer GitHub repository: https://github.com/Northstrix/kerach Check it out at: https://kerach.netlify.app/ -
23
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. -
24
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. -
25
Material Angular Dashboard
Material Angular Admin Template
Material Angular Admin Template. Material admin template is absolutely free for commercial usage theme, based on Google Material Design guidelines.
