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.
-
The All-in-One Commerce Platform for Businesses - ShopifyShopify is a leading all-in-one commerce platform that enables businesses to start, build, and grow their online and physical stores. It offers tools to create customized websites, manage inventory, process payments, and sell across multiple channels including online, in-person, wholesale, and global markets. The platform includes integrated marketing tools, analytics, and customer engagement features to help merchants reach and retain customers. Shopify supports thousands of third-party apps and offers developer-friendly APIs for custom solutions. With world-class checkout technology, Shopify powers over 150 million high-intent shoppers worldwide. Its reliable, scalable infrastructure ensures fast performance and seamless operations at any business size.
-
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
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
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/ -
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
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. -
Level Up Your Cyber Defense with External Threat ManagementMove beyond alerts. Gain full visibility, context, and control over your external attack surface to stay ahead of every threat.
-
5
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. -
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
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
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. -
9
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. -
Get the most trusted enterprise browserDefend against security incidents with Chrome Enterprise. Create customizable controls, manage extensions and set proactive alerts to keep your data and employees protected without slowing down productivity.
-
10
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. -
11
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. -
12
Merucav
An advanced gradient design and editing tool.
An advanced gradient design and editing tool built in two days using Firebase Studio, Next.js, and Perplexity. Live app: https://merucav.netlify.app/ GitHub repository: https://github.com/Northstrix/merucav This app is built on top of https://nofpg.netlify.app and http://noegarsoux.github.io/GradientGen/ -
13
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. -
14
Beer CSS
Build material design interfaces in record time
Build material design interfaces in record time without stress for devs. -
15
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. -
16
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. -
17
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. -
18
KEEN-SLIDER
The HTML touch slider carousel with the most native feeling
A lightweight, customizable slider library for web projects, designed for smooth animations. -
19
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. -
20
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. -
21
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. -
22
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. -
23
Material Components for the web
Modular & customizable Material Design UI components for the web
Build beautiful, usable web apps with Material Components for the web. Material Components for the web is the successor to Material Design Lite, implementing the impeccable Material Design guidelines. It lets developers apply beautiful, modular and customizable Material Design UI components to their products. With these components you can be assured of a reliable development workflow and stunning, highly functional web projects. Seamlessly incorporate Material Components for the web on everything from simple static websites to complex, JavaScript-heavy applications. Enjoy the freedom and flexibility of theming customization, which covers not just color but shapes, states, typography and more. Material Components also adapts to different major web frameworks. -
24
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. -
25
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.
