Search Results for "visual javascript"
Sort By:
62 projects for "visual javascript" with 2 filters applied:
-
Full-stack observability with actually useful AI | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
1
glsl-sandbox
Shader editor and gallery
GLSL Sandbox is an in-browser playground for writing and sharing fragment shaders with instant visual feedback. It provides a minimal editor and a fullscreen WebGL viewport so your shader takes center stage, making it perfect for learning, live-coding, and showcasing visual experiments. The environment injects a small set of uniforms—time, resolution, mouse—so you can animate and interact without boilerplate. A public gallery lets creators browse, fork, and remix shaders, turning the site... -
2
Butterchurn
Butterchurn is a WebGL implementation of the Milkdrop Visualizer
Butterchurn is a WebGL-based music visualization engine that recreates the classic MilkDrop visualizer experience entirely in the browser using modern web technologies. It is designed to render complex, real-time audio-reactive graphics that respond dynamically to music input, producing highly immersive and fluid visual effects. The engine uses GPU acceleration through WebGL to achieve high performance, allowing it to handle intricate shader-based visualizations without overwhelming system... -
3
iCSS
More than CSS
iCSS is a large curated repository of advanced CSS techniques, creative experiments, and deep dives into modern web animation and styling capabilities. Rather than being a traditional library, the project functions as an educational and inspirational knowledge base that explores unusual, powerful, or overlooked CSS features. The content covers topics such as layout tricks, animation patterns, visual effects, accessibility considerations, and emerging CSS standards. Materials are continuously... -
4
Monaco Editor
A browser based code editor
Monaco Editor is the rich, browser-based code editor that powers Visual Studio Code, providing advanced editing capabilities as a standalone embeddable library for web applications. Models are at the heart of Monaco editor. It's what you interact with when managing content. A model represents a file that has been opened. This could represent a file that exists on a file system, but it doesn't have to. For example, the model holds the text content, determines the language of the content, and... -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
5
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. -
6
React Bits Library
Open source collection of animated, interactive React components
...It features a large and rapidly growing collection of components — including text effects, background animations, and interactive UI pieces — each designed to be easy to integrate into any modern React project and work seamlessly with popular styling systems like CSS and Tailwind CSS. The library supports both JavaScript and TypeScript variants for many components, giving developers flexibility in how they use and adapt them to their codebase. React-bits puts emphasis on creativity, performance, and minimal dependencies, so animations and effects are lightweight but still fluid and expressive, helping sites stand out with compelling visual interactions. -
7
Nordcraft
Packages that are used internally by the Nordcraft engine
Nordcraft is an open source Web Development Engine that combines visual design tools, a reactive front-end framework, server-side rendering, and full programming capabilities in a unified platform aimed at streamlining modern web app creation. It offers a visual editor that lets designers and developers collaborate closely, making it possible to build, preview, and modify interfaces without constantly switching between code and browser views. The engine supports versioning, reactive signals,... -
8
ToolJet
Extensible low-code framework for building business applications
Extensible low-code framework for building business applications. Connect to databases, cloud storages, GraphQL, API endpoints, Airtable, etc and build apps using drag and drop application builder. Built using JavaScript/TypeScript. Everything you need to build internal tools. Open-source low-code application development platform for building and deploying business applications. Build complicated frontends without any experience in React, CSS or event HTML. Drag and drop 35+ in-built UI components to build even complicated frontends. Adding new components, resizing them, adjusting position, changing colors etc can be done using the visual app editor. ... -
9
Frontend Slides
Create beautiful slides on the web using Claude's frontend skills
Frontend Slides is a lightweight tool that enables users to create visually appealing, animation-rich web presentations without requiring knowledge of CSS or JavaScript by leveraging a guided, interactive workflow. It operates on a “show, don’t tell” philosophy, generating visual previews of styles so users can select their preferred design rather than describing it abstractly. The system produces fully self-contained HTML presentations with inline CSS and JavaScript, eliminating the need for external dependencies, build tools, or frameworks. ... -
Add Two Lines of Code. Get Full APM.Works out of the box for Rails, Django, Express, Phoenix, and more. Monitoring exceptions and performance in no time.
-
10
CSS Grid Generator
Generate basic CSS Grid code to make dynamic layouts
CSS Grid Generator is a visual tool built to help web designers and developers quickly create CSS Grid layout code without writing the grid definitions manually. You select the number of columns, rows, and units (e.g., fr, px, %), then visually drag and place items, resize them and position them within the grid to prototype layouts by hand. Once the layout is arranged, the tool generates the corresponding HTML and CSS you can copy into your project—thus bridging the gap between design and... -
11
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... -
12
Cloud CLI
Use Claude Code, Cursor CLI or Codex on mobile and web with CloudCLI
ClaudeCodeUI, also known as CloudCLI, is an open-source web and mobile interface that enables developers to control Claude Code and similar AI coding tools through a graphical environment. The project provides a browser-based dashboard that allows users to manage coding sessions, projects, and prompts remotely from virtually any device. It is designed to bridge the gap between terminal-first AI coding workflows and more accessible visual interfaces, improving usability without sacrificing... -
13
Resources-Front-End-Beginner
The most essential list of resources for Front-End beginners
Resources-Front-End-Beginner is a curated, continually updated directory for people starting their front-end journey. It organizes learning links across topics like HTML, CSS, JavaScript, Git, tooling, and practice projects, making it easy to chart a study path. The repository balances conceptual resources with hands-on tutorials and challenges so learners can build muscle memory. It also highlights community spaces and reference material to encourage collaboration and long-term growth.... -
14
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. It is somewhat opinionated, offering a broad list of... -
15
shot-scraper
A command-line utility for taking automated screenshots of websites
shot-scraper is a command-line utility for taking automated screenshots of web pages using a headless browser engine. After installation, a single command can capture a full-page screenshot of a URL and save it to a file, making it ideal for documentation, monitoring, and visual regression tasks. Under the hood it uses a modern browser (installed via a one-time shot-scraper install step) and exposes options for viewport size, full-page versus clipped screenshots, and device emulation. Beyond simple captures, it can run custom JavaScript before taking the shot, allowing you to open menus, scroll, or manipulate the DOM so the screenshot reflects the desired state. ... -
16
ARK
Unstyled, accessible UI components for your design System
Ark is a headless UI component library designed to provide the foundational logic required to build scalable and accessible design systems for modern web applications. The project focuses on separating component behavior from visual styling so developers can implement their own design language without being constrained by predefined styles. Built on top of Zag.js state machines, Ark delivers predictable and robust component logic that works consistently across multiple JavaScript frameworks. It supports React, Solid, Vue, and Svelte, enabling developers to share component behavior across ecosystems while maintaining framework-specific implementations. ... -
17
Phaser Editor 2D
A web-based IDE for HTML5 game development. Powered by Phaser
Phaser Editor 2D v3 is a lightweight, multi-platform IDE for HTML5 game development using the Phaser framework. It combines visual tools and code editing capabilities, helping developers design scenes, UI, and game logic in an efficient and organized workflow. -
18
_s
Inactive project
Underscores is a no-frills WordPress starter theme engineered to give developers a clean, standards-based foundation for building custom themes. It provides semantic templates, accessibility-minded markup, and a minimal stylesheet that sets sensible defaults without imposing a visual identity. The codebase includes template tags, custom header and menu scaffolding, widget areas, and translation-ready strings to speed up common theme tasks. Its structure is intentionally opinionated about... -
19
Sequential Workflow Designer
Sequential Workflow Designer is a lightweight workflow designer
Sequential Workflow Designer is a lightweight, dependency-free workflow designer for web applications. Built entirely in TypeScript and rendered with SVG, it offers a fully generic and customizable platform for designing workflows, visual programming tools, or any other flow-based UI - independent of any specific workflow engine. On-line examples: https://nocode-js.com/sequential-workflow-designer-examples Documentation: https://nocode-js.com/ -
20
react-native-progress
Progress indicators and spinners for React Native
react-native-progress is a set of customizable progress indicators and spinners for React Native applications. It provides several visual components—such as circular, pie, bar, and semi-circle progress indicators—built on top of react-native-svg so they render as vector graphics. This approach ensures that progress indicators scale cleanly across different screen densities and sizes while remaining smooth and visually appealing. The library is designed to be simple to use: developers import... -
21
Atri Framework
Open-source full-stack web development framework built on top of React
The web framework to build stunning web apps. Build frontend easily using Atri visual builder or React code. Build backend using FastAPI. Atri framework is not just limited to the JavaScript world. You can use this framework with many languages such as Python, NodeJS (upcoming), etc. Atri framework comes with a suite of productivity tools such as visual editor, asset management tools, etc. that significantly reduce development time from months to hours. -
22
canvas-sketch
Framework for making generative artwork in JavaScript and the browser
canvas-sketch is a JavaScript framework designed to streamline the creation of generative art, creative coding experiments, and interactive graphics. It provides a lightweight scaffolding environment that helps developers and artists quickly prototype visual projects using HTML5 Canvas or WebGL. The tool focuses on reducing boilerplate so creators can concentrate on visual logic and animation rather than setup. -
23
Flowy
The minimal javascript library to create flowcharts
flowy is a minimal JavaScript library for building interactive flowchart-style interfaces in web applications, allowing developers to create node-based editors, automation builders, or visual programming tools with relatively little code. It provides draggable, connectable blocks (nodes) that can be placed on a canvas, connected via lines, and rearranged dynamically while preserving the underlying graph structure. -
24
glfx.js
An image effects library for JavaScript using WebGL
glfx.js is a JavaScript image-effects library that uses WebGL to apply real-time filters and transformations directly in the browser. It exposes a simple API where images are uploaded into GPU textures, processed with shader-based filters, and rendered to a WebGL canvas. Because the work is done on the GPU, many effects that would be too slow in pure JavaScript (like complex blurs, lens effects, or tilt-shift) can run interactively, even on large images. -
25
Free texture packer
Free texture packer
Free Texture Packer is a desktop tool for creating sprite sheets from individual images, ideal for game developers using engines like Phaser or Unity. It supports multiple export formats and efficient packing algorithms.
