Search Results for "visual" - Page 4
Sort By:
Showing 473 open source projects for "visual"
View related business solutions-
The leading LMS solution for mission critical learning needsStreamline and integrate your complex learning, compliance, content monetization, and external training capabilities while keeping your people safe and delivering profits with Seertech’s LMS solution.
-
The Industry Leading Platform for eCommerce Enablement and AnalyticsMikMak’s Where to Buy Shoppable Solutions help multichannel brands drive sales, grow market share, and increase profitability while reducing costs across categories such as CPG, Grocery, Alcohol, Beauty, Personal Care, Pet Care, Home Care, Consumer Electronics, Home Appliances, Toys, and more.
-
1
Chokidar
Minimal and efficient cross-platform file watching library
...Same as with Node.js fs.watchFile. Therefore, Chokidar resolves these problems. Initially made for Brunch (an ultra-swift web app build tool), it is now used in Microsoft's Visual Studio Code, gulp, karma, PM2, browserify, webpack, BrowserSync, and many others. It has proven itself in production environments. Chokidar does still rely on the Node.js core fs module, but when using fs.watch and fs.watchFile for watching, it normalizes the events it receives, often checking for truth by getting file stats and/or dir contents. -
2
Web Dev for Beginners
About 24 Lessons, 12 Weeks, Get Started as a Web Developer
...Each lesson includes a mix of pre-lecture quizzes, written content, assignments, challenges, and post-lecture quizzes to reinforce learning. The course also offers global accessibility with translations in more than 40 languages and built-in support for running in GitHub Codespaces or locally in Visual Studio Code. This makes it a practical and engaging way for beginners to gain a solid foundation in web development. -
3
...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. ...
-
4
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,... -
Cycloid: Hybrid Cloud DevOps collaboration platformEnable your developers to do their best work and increase time-to-market speed with a leading DevOps and Hybrid Cloud platform.
-
5
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. -
6
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. -
7
Salesforce Lightning Design System
Salesforce Lightning design system
Ready-to-use HTML and CSS UI elements provide the foundation for Salesforce experience development. Visual design values and attributes that ensure branding and UI consistency at scale. Design principles and best practices that guide beautiful, consistent, user-friendly product experiences. Easy-to-use tools help all Trailblazers optimize workflows and bring Salesforce ideas to life. Start building immediately, without worrying about detailed specs. -
8
Primer CSS
The CSS design system that powers GitHub
...Styles can be mixed and matched to achieve many different layouts, independent of their location. These styles fall into three categories. Single-purpose, immutable styles, that do one thing well. Abstracted patterns for frequently used visual styles. Primer CSS is built upon systems that form the foundation of our styles such as spacing, typography, and color. This systematic approach helps ensure our styles are consistent and interoperable with each other. The base-8 spacing scale is highly composable and works with the density of GitHub’s content. Margin and padding spacers bring consistency to vertical and horizontal rhythm. -
9
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. -
The fastest way to host, scale and get paid on WordPressLightning-fast hosting, AI-assisted site management, and enterprise payments all in one platform designed for agencies and growth-focused businesses.
-
10
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. ... -
11
simpleParallax.js
Simple and tiny JavaScript library that adds parallax animations
simpleParallax.js is a very simple and tiny Vanilla JS library that adds parallax animations on any image. Where it may be laborious to get results through other plugins, simpleParallax.js stands out for its ease and its visual rendering. The parallax effect is directly applied to image tags, there is no need to use background images. -
12
Observable Plot
A concise API for exploratory data visualization
...In the spirit of show don’t tell, below is a scatterplot of the height and weight of Olympic athletes (sourced from Matt Riggott), constructed using a dot mark. We assign columns of data (such as weight) to visual properties (such as the dot’s x), and Plot infers the rest. You can configure much more, if needed, but Plot’s goal is to help you get a meaningful visualization quickly. Plot employs a layered grammar of graphics inspired by Vega-Lite, ggplot2, Wilkinson’s Grammar of Graphics, and Bertin’s Semiology of Graphics. Plot rejects a chart typology in favor of marks, scales, and transforms. ... -
13
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... -
14
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. ... -
15
uni-app
A cross-platform framework using Vue.js
uni-app is a cross-platform framework that lets developers build applications with Vue syntax and deploy them to multiple targets: iOS, Android, web (H5), and a range of mini-program ecosystems. It abstracts platform differences through a unified component and API layer, so most business logic and UI code can be shared across outputs. The tooling includes a CLI, IDE support, and a plugin market that provides native integrations, UI kits, and deployment helpers. Developers can choose between... -
16
Melt UI
A set of headless, accessible component builders for Svelte
...Rather than providing fully styled widgets, the library focuses on supplying the behavioral logic and accessibility patterns needed to build UI components while allowing developers to control the visual appearance. Melt UI introduces a builder-based architecture where component logic is encapsulated in reusable primitives that can be attached to any HTML element or custom component. The project strongly emphasizes accessibility and follows WAI-ARIA standards to ensure consistent keyboard navigation and screen reader compatibility. ... -
17
Aix-DB
Based on the LangChain/LangGraph framework
...The platform supports multiple types of data sources and provides an end-to-end pipeline that includes intent recognition, SQL generation, database execution, and visual presentation of results. Its architecture includes multiple layers such as a web interface, API gateway, AI service layer, and data storage layer that support relational databases, vector stores, graph databases, and file systems. -
18
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. -
19
AntV Infographic
Declarative engine for generating AI-powered infographic visuals
...It also includes a built-in editor that allows users to refine and adjust generated infographics interactively after creation. With a large library of predefined templates and themes, AntV Infographic helps users rapidly prototype and produce consistent visual content. -
20
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. -
21
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. -
22
stylex-jsx
Full CSS support for JSX without compromises
...Dynamic styles and themes support. CSS Preprocessing via Plugins. To skip scoping entirely, you can make the global-ness of your styles explicit by adding global. To make a component's visual representation customizable from the outside world there are three options. -
23
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.... -
24
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... -
25
File Nesting Config for VS Code
Config of File Nesting for VS Code
This project provides a curated configuration snippet for the file-nesting feature of Visual Studio Code, authored by Anthony Fu (antfu). The goal is to help developers organize large code-bases by collapsing “secondary” or generated files (for example build artifacts, tests, config variants) under their primary files in the Explorer tree. It supports VS Code version 1.67 and above by enabling the built-in "explorer.fileNesting" setting.
