Search Results for "visual-" - Page 5
Sort By:
Showing 533 open source projects for "visual-"
View related business solutions-
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.
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
1
meshery
Meshery, the cloud native manager
...A self-service engineering platform, Meshery, is the open source, cloud-native manager that enables the design and management of all Kubernetes-based infrastructure and applications. Among other features, As an extensible platform, Meshery offers visual and collaborative GitOps, freeing you from the chains of YAML while managing Kubernetes multi-cluster deployments. -
2
Framelink MCP for Figma
MCP server enabling AI coding tools to access Figma design data
Figma-Context-MCP is an open source server that connects Figma design data with AI-powered coding tools through the Model Context Protocol (MCP). It allows coding assistants to retrieve structured information from Figma files so they can better translate visual designs into working code. Instead of relying on screenshots or manual descriptions, Figma-Context-MCP accesses layout, styling, and component metadata directly from the Figma API and presents it in a simplified format optimized for AI models. This transformation reduces unnecessary metadata and focuses on the most relevant design attributes, helping AI coding agents produce more accurate UI implementations. ... -
3
baoyu-design
Run Claude Design locally as an Agent Skill
baoyu-design is an Agent Skill that lets local coding agents produce polished visual design artifacts. It packages Claude Design-style methodology for environments such as Cursor, Claude Code, Codex, Claude Desktop, and other file-capable agents. The skill can generate UI mockups, prototypes, wireframes, landing pages, dashboards, mobile app screens, and slide decks as self-contained HTML. It keeps outputs inside the local project, so artifacts can be versioned, edited, previewed, and refined without uploading work to a separate design website. ... -
4
Hallmark
Anti-AI-slop design skill for Claude Code, Cursor, and Codex
...It gives agents a concrete design rule set for producing interfaces that look intentionally crafted rather than generic, repetitive, or template-like. The project focuses on typography, color, layout, motion, microinteractions, visual hierarchy, and structural variation. It can be used to build new UI, audit existing code, or redesign an interface while keeping the underlying content and information architecture. Hallmark includes reference material and worked examples so agents can apply the design logic more consistently. Its main value is helping AI-generated interfaces move from “technically functional” to visually deliberate and product-ready. -
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.
-
5
TypeUI DESIGN.md Extractor
Chrome extension to extract styles from any website
TypeUI DESIGN.md Extractor is a Chrome extension that improves the readability and visual presentation of Markdown files viewed directly in the browser. The project automatically transforms raw Markdown documents into styled, GitHub-like rendered pages with enhanced typography, syntax highlighting, and layout improvements. It is designed to make technical documentation, README files, notes, and markdown-based content easier to consume without requiring external viewers or conversion tools. ... -
6
Bloom
An open source, agentic Loom alternative
...The project is part of the broader VideoDB ecosystem, which focuses on giving AI agents perception and memory through video, enabling them to understand and act upon visual information. Bloom supports the concept of “agentic video,” where recordings are not just passive media files but interactive assets that can be searched, summarized, and transformed into workflows or insights. This makes it particularly useful for use cases such as debugging AI agents, documenting processes, training models, or creating automated video-based reports. -
7
SwissGL
SwissGL is a minimalistic wrapper on top of WebGL2 JS API
...The library centers around one main function that unifies rendering and compute operations, allowing the creation of particle systems, GPGPU effects, and real-time simulations entirely on the GPU. Despite its simplicity and small size (under 1000 lines of code), SwissGL demonstrates remarkable flexibility, from basic visual experiments to complex multi-pass rendering pipelines. It’s also designed as an exploration of minimalist graphics API design, serving as an early experimental step toward the upcoming WebGPU era. -
8
Tree Style Tab
Tree Style Tab, Show tabs like a tree.
...Such "branches" are easily folded (collapsed) by clicking on the arrow shown in the "parent" tab, so you no longer need to suffer from too many visible tabs. If you want, you can restructure the tree via drag and drop. Such a tree of tabs will behave like a visual browsing history for you. For example, if you see a list of search results for a topic, each search result link will open in new child tab. New tabs opened from these "child" tabs will appear as descendants of their originating tabs. You'll easily dig and dig deeply, without losing your browsing trail - if you want to go back to the original search result, you just have to switch to the "root" tab. ... -
9
Bootswatch
Themes for Bootstrap
...Developers can customize themes by editing Sass variables and theme-specific structural styles. Overall, Bootswatch is useful for teams that want polished Bootstrap styling, faster prototyping, and consistent visual options across web projects. -
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
10
Zynga Scroller
Accelerated panning and zooming for HTML and Canvas
...It can be controlled manually through an API or used through EasyScroller, a simplified DOM-focused wrapper with data-attribute initialization. Developers can configure axes, animation behavior, zoom ranges, dimensions, and scroll targets. It is useful for web applications, games, visual tools, and custom interfaces that need smooth touch or mouse-driven navigation without relying entirely on native browser scrolling. -
11
Marksheet
Free tutorial to learn HTML and CSS
MarkSheet is a beginner-friendly curriculum for learning HTML and CSS from first principles, organized as a readable online handbook. It explains core building blocks—elements, attributes, selectors, the box model, positioning—and connects them to the mental models needed for real layouts. The writing style aims to demystify jargon and teach a consistent vocabulary so learners can understand documentation and tutorials elsewhere. It includes diagrams and compact examples that illustrate... -
12
Christmas Tree
Just a simple Christmas tree, based on reddit story
...Because tree structures are ubiquitous in computing—from file systems and organizational charts to DOM structures and evolutionary taxonomies—atree provides a reusable foundation for representing and interacting with nested data. It separates the logical model from rendering concerns, so you can use it as the data backbone in UI frameworks, graphs, or custom visual components. The library’s API makes it easy to add, remove, or move nodes anywhere in the hierarchy while maintaining consistent references and performance. -
13
Wireflow
User flow chart real-time collaborative tool
...It supports real-time collaboration, meaning multiple people can work on the same flow simultaneously, making it useful for distributed teams and remote workshops. Users can drag and drop nodes, connect steps with directed lines, and annotate interactions, producing a visual blueprint for app behavior, website navigation, or feature flows. -
14
DDN
DDN, Data Delivery Network, a next generation blockchain system
...Multi-function, payment, certificate storage, AOB, DAPP, etc. Multi industry, currently covering copyright protection, electronic medicine, food safety, anti-counterfeiting traceability and other fields. Visual deployment, you can customize your own blockchain by clicking the mouse and publish it to the peer server. Docker, tod support mainstream deployment methods such as docker. -
15
city-roads
Visualization of all roads within any city
...It typically fetches open map data (such as from OpenStreetMap) and then processes that data into geometry suited for rendering in the browser, allowing users to explore intricate road layouts at various scales. The visual style often abstracts away labels and extraneous map features to focus purely on the road network, giving a unique, aesthetic view of urban form and connectivity. Because road topology reflects historical, geographic, and planning decisions, the resulting images serve as both analytical tools and generative art. Developers can integrate it into web pages or interactive dashboards where geographic structure is central, and users can pan/zoom to compare different cities or neighborhoods. -
16
react-highlight-words
React component to highlight words within a larger body of text
...For advanced scenarios, you can provide a custom findChunks function to control tokenization (e.g., word boundaries or diacritics-aware behavior). The highlight output is easy to restyle via a custom tag (like mark) or inline styles, keeping the visual layer decoupled from the matching logic. Because it’s small and framework-idiomatic, it drops into tables, lists, virtualized scroll areas, and complex UIs without forcing layout changes. -
17
3D Website with Three.js
The most impressive websites in the world use 3D graphics
Project_3D_developer_portfolio is a code-repository and tutorial project that teaches how to build a developer portfolio website enhanced with 3D graphics and animations, using technologies like React, Three.js, React Three Fiber, Tailwind CSS, Vite and more. The idea is to help developers create “the most impressive websites” by blending immersive 3D scenes and interactive UI elements with modern web frameworks. The README walks through the tech stack, features and how to get started,... -
18
Magnitude
Vision AI browser agent for automation, testing, and extraction
Browser Agent by Magnitude is an open source, vision-first browser automation framework that enables users to control web interfaces using natural language instructions. It leverages visually grounded AI models to interpret and interact with web pages based on what is seen on the screen rather than relying solely on the DOM structure. This approach allows the agent to generalize better across complex and modern websites, making it more robust than traditional selector-based automation tools.... -
19
Easy-Vibe
Tutorial on Product Prototype, AI Capability Integration
Easy-Vibe is an open-source educational project designed to teach developers, product managers, and beginners how to build AI-powered applications using the emerging concept of “vibe coding,” a development approach that relies heavily on AI-assisted programming tools. The project provides a structured curriculum that guides learners from having no programming experience to building fully functional AI-integrated applications. Instead of focusing only on theoretical concepts, Easy-Vibe... -
20
sitespeed.io
Monitor, analyze and optimize your website speed and performance
Sitespeed.io is an open source tool that helps you monitor, analyze and optimize your website speed and performance, based on performance best practices advices from the coach and collecting browser metrics using the Navigation Timing API, User Timings and Visual Metrics (FirstVisualChange, SpeedIndex & LastVisualChange). Measuring performance shouldn’t be hard, you should be able to have full control of your metrics, own your own data and you should be able to do it without paying top dollars. Use our Docker container to get an environment with Firefox, Chrome, Edge, XVFB and sitespeed.io up and running as fast as you can download them. ... -
21
Interactive FFMPEG Command Generator
Create and render complex ffmpeg filtergraphs in the browser
Interactive FFMPEG Command Generator is an experimental visual tool that allows users to explore and understand FFmpeg commands and filters interactively. It provides a graphical interface for constructing FFmpeg pipelines, making it easier to learn and experiment with complex media transformations. The tool focuses on education and exploration, helping users visualize how different filters and parameters affect output. -
22
Transformer Explainer
Learn How LLM Transformer Models Work with Interactive Visualization
...The platform runs a lightweight GPT-2 model directly in the user’s browser and allows users to experiment with text prompts while observing the model’s internal operations. Through visual diagrams and interactive interfaces, the tool reveals how tokens are processed through layers such as embeddings, attention mechanisms, and feed-forward networks. Users can observe how attention weights change as the model predicts the next token, offering insight into how transformer architectures capture relationships between words. ... -
23
Blockly Games
Games for tomorrow's programmers
...Progression is scaffolded: earlier levels constrain the toolset, while later levels unlock more expressive blocks and optional textual views. The project’s emphasis on immediate visual feedback and forgiving iteration lowers the barrier for first-time programmers while still rewarding mastery. -
24
...It showcases how developers can build interactive, stateful web experiences without relying heavily on client-side JavaScript frameworks. The project streams live audio updates and visual feedback directly through WebSocket connections managed by LiveView, highlighting the power of Elixir’s concurrent architecture. In addition to real-time interactivity, live_beats demonstrates effective project structuring, deployment strategies, and integration with Fly.io’s cloud hosting platform. It serves as both a learning tool and a reference for best practices in LiveView development, covering topics such as state management, event handling, and distributed scalability. ...
-
25
Pandora Open
Open Source Monitoring System for performance and availability.
...Licensed under GPLv2, it provides a modular and sovereign platform for supervising networks, servers, and applications without commercial dependencies. It features multi-platform agents, remote monitoring (SNMP, WMI, HTTP), GIS maps, and advanced visual dashboards. Entirely maintained by the community on GitHub, it ensures total transparency, technical flexibility, and absolute freedom for system administrators.