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.
-
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.
-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
1
KEEN-SLIDER
The HTML touch slider carousel with the most native feeling
A lightweight, customizable slider library for web projects, designed for smooth animations. -
2
Kerach
A Makeshift Text Shaderer
A Makeshift Text Shaderer GitHub repository: https://github.com/Northstrix/kerach Check it out at: https://kerach.netlify.app/ -
3
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. -
4
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. -
PRTG Catches Network Issues Before They Cause DowntimeReactive troubleshooting usually means hearing about a problem from frustrated users, not your monitoring tool. PRTG sets threshold-based alerts across devices, servers and applications, notifying your team by email, SMS or push the moment a metric crosses a set limit. That means catching a failing disk or overloaded server before it becomes an outage and getting time back from firefighting. Start a free trial and set your first alerts today.
-
5
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. -
6
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. -
7
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. -
8
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. -
9
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. -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
10
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. -
11
Merucav
A modern digital design tool.
A modern digital design tool made 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/ The app is fully localized into: ✅ English ✅ Hebrew ✅ Italian ✅ Latin American Spanish ✅ Brazilian Portuguese ✅ Cantonese ✅ Japanese ✅ Korean ✅ Vietnamese ✅ Hindi ✅ Polish ✅ Czech ✅ Hungarian ✅ French ✅ German ✅ Dutch -
12
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. -
13
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. -
14
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. -
15
Next.js Landing Page Starter Template
Free NextJS Landing Page Template written in Tailwind CSS 3
Next.js Landing Page Starter Template is a production-oriented foundation for creating marketing websites with Next.js, TypeScript, and Tailwind CSS. It includes reusable sections for navigation, a hero area, product features, calls to action, and a footer. The template favors a minimal component structure that can be rebranded through centralized configuration, styles, images, and content files. SEO support includes metadata, Open Graph information, and JSON-LD structured data. Developer tooling combines ESLint, Prettier, Husky, lint-staged, PostCSS, and prepared Visual Studio Code settings. Static generation, minification, live reload, cache busting, and unused CSS removal help produce efficient deployments. The project can be hosted through Netlify or exported for another static hosting service. -
16
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/ -
17
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. -
18
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. -
19
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. -
20
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. -
21
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. -
22
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. -
23
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. -
24
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.
