Search Results for "viewport"
Sort By:
Showing 84 open source projects for "viewport"
View related business solutions-
Veeam Data Platform v13.1 - Get Your Free TrialTry Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
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
Perspec
Scriptable desktop app to correct the perspective of images
...For example whiteboards, document scans, or facades. Perspec currently only works on macOS and Linux. Any help to make it work on Microsoft (Ticket) would be greatly appreciated! Rescale image on viewport change. Handle JPEG rotation. Draw lines between corners to simplify guessing of clipped corners. Bundle Imagemagick. Better error if the wrong file format is dropped (images/error-message.jpg). Center Perspec window on screen. Drag'n'Drop for corner markers. "Submit" button. "Convert to Grayscale" button. Add support for custom output size (e.g. ... -
2
HEAD
A simple guide to HTML head elements
...It explains which elements can appear inside the document head and why they matter for browsers, search engines, social platforms, bots, icons, feeds, and mobile presentation. The repository works as a practical reference for developers who want a better default head section for websites. It includes examples for character encoding, viewport settings, titles, descriptions, canonical URLs, favicons, social sharing metadata, app behavior, and other document-level concerns. The project is not a framework or package, but a curated documentation resource. It is especially useful for front-end developers, students, and site owners who want to understand the often-overlooked metadata layer of web pages. -
3
Better Shot
An open-source alternative to CleanShot X for macOS
...Instead of relying on third-party screenshot APIs or browser extensions, it runs a local or server-deployed service that generates high-quality renders on demand, making it ideal for automated documentation, preview panes, social sharing cards, or visual regression tasks. Better-Shot can take full-page captures, custom viewport shots, or even multi-step snapshots that include dynamic content generated by JavaScript, ensuring accurate representation of modern web applications. It supports configuration options for resolution, user agent, cookies, and authentication, so you can tailor captures for staging, authenticated dashboards, or custom deployments. -
4
Excalidraw MCP
Fast and streamable Excalidraw MCP App
...Rather than being just a static whiteboard, Excalidraw-MCP serves diagrams in real time using an MCP backend and streams interactive visual output back to the client, letting AI tools create shapes, connectors, text, and entire diagrams as part of conversational or task-based sessions. Its design supports fast, streamable rendering with smooth viewport control and optional fullscreen editing so that diagrams feel live and fluid as they evolve. Users can deploy it locally or via services like Vercel, then configure their MCP host to point at the Excalidraw-MCP endpoint, so prompts like “draw an architecture diagram” yield immediate visual results within chat. -
Host LLMs in Production With On-Demand GPUsDeploy your model, get an endpoint, pay only for compute time. No GPU provisioning or infrastructure management required.
-
5
smtp4dev
The fake smtp email server for development and testing
smtp4dev - the fake SMTP email server for development and testing. A dummy SMTP server for Windows, Linux, Mac OS-X (and maybe elsewhere where .NET Core is available). Lets you test your application without spamming your real customers. -
6
three.js
JavaScript 3D library
...It works by creating a scene with a camera and a geometric cube, the latter of which is added to the scene. This will become the animated object within the scene. A WebGL renderer is created for the scene and the camera, with an added viewport to the document.body element. Finally, the cube is animated within the scene for the camera. A plethora of examples can be found in the project’s website (https://threejs.org/) which use Canvas 2D, SVG and CSS3D renderers that the library also provides. -
7
shot-scraper
A command-line utility for taking automated screenshots of websites
...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. The project is deeply integrated with automation workflows: examples show it running in scheduled jobs, GitHub Actions, and bots that publish screenshots to social media or use them in docs. ... -
8
Capture Website
Capture screenshots of websites
A command-line tool and API that captures screenshots of websites using headless Chromium, supporting various output formats and customization. -
9
Pageres CLI
Capture website screenshots
Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images. -
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.
-
10
Spatie Browsershot
Convert HTML to an image, PDF or string
Browsershot is a PHP package that allows developers to convert web pages into images or PDFs. It utilizes headless Chrome to render pages accurately and can be used to capture screenshots, generate PDFs, and manipulate web content programmatically. It is especially useful for applications that require generating visual content from dynamic or static web pages. -
11
Driver.js
A lightweight, dependency-free JavaScript library
...It programmatically highlights elements on a page, dims the background, and attaches callouts so users learn new flows without leaving the UI. The API lets you define steps, order, and behavior, while handling positioning, scrolling, and viewport collisions gracefully. It strives to be unobtrusive: tours can be triggered contextually, resumed, or dismissed without hijacking the app. Accessibility and keyboard interaction are considered so tours remain usable beyond simple mouse clicks. Because it has no hard dependency on a specific framework, it integrates into vanilla JS apps or modern stacks alike. -
12
armory
3D Engine with Blender Integration
...Powered by Armory engine, ArmorPaint is a stand-alone software designed for physically-based texture painting. Drag & drop your 3D models and start painting. Receive instant visual feedback in the viewport as you paint. Powered by Armory engine, ArmorLab is stand-alone software designed for AI-powered texture authoring. Generate PBR materials by drag & dropping your photos. In development! Armory is an open-source 3D game engine with full Blender integration. The engine is currently available in a form of early preview. -
13
iFrame Resizer
Keep same and cross domain iFrames sized to their content
Size cross domain iFrames to content with support for window/content resizing, and multiple iFrames. This library enables the automatic resizing of the height and width of both same and cross domain iFrames to fit their contained content. It provides a range of features to address the most common issues with using iFrames. Provides a range of page size calculation methods to support complex CSS layouts. Detects changes to the DOM that can cause the page to resize using MutationObserver.... -
14
TanStack Virtual
Headless UI for Virtualizing Large Element Lists in JS/TS
TanStack Virtual is a lightweight, framework-agnostic library that enables high-performance virtualization for long or large lists in web UIs, providing smooth scrolling and responsive rendering by only mounting items visible in the viewport. A headless, framework‑agnostic virtualization library for rendering massive lists, grids, and tables at 60FPS while giving you full control over markup and styles. Virtualizes vertical, horizontal & grid layouts with a single hook/function. Lightweight (10–15kb) yet powerful, with dynamic & measured sizing support. Smooth 60FPS scrolling with sticky items and window‑scrolling utilities. -
15
Helix Toolkit
Helix Toolkit is a collection of 3D components for .NET
Helix Toolkit is an open source 3D library that is licensed under the MIT license. The MIT license is very permissive and permits use in proprietary software. The library is based on .NET and is currently focusing on the WPF platform. The goal has been to make it easy to work with 3D in WPF, and also provide features that are not included in the standard WPF 3D visual model. Adds variety of functionalities/models on the top of internal WPF 3D models (Media3D namespace). dds variety of... -
16
RevoGrid
Powerful virtual data grid smartsheet with advanced customization
Support Millions of cells and thousands of columns easy and efficiently for fast data rendering. Easy to use. For large organizations managing massive datasets. Performance and scalability to handle even the most complex data tables. Rapid prototyping with intuitive and extendable codebase. Agility to build robust data-driven applications in no time. Quickly build elegant and efficient data grids. Lightweight yet powerful architecture lets you easily scale as your needs grow. -
17
react-rewards
A package containing a few micro-interactions you can use
...This element needs to have an ID that matches the one used inside the hook - it can be anywhere in the DOM as long as the IDs match. You can place the element inside a button, center it and shoot up from the button. You can place it on top of the viewport with position: "fixed" and change the angle to 270, to shoot downwards. Try, experiment, have fun! -
18
Neuroglancer
WebGL-based viewer for volumetric data
...It allows users to interactively view arbitrary 2D and 3D cross-sections of volumetric data alongside 3D meshes and skeleton models, enabling precise examination of neural structures and biological imaging results. Its multi-pane interface synchronizes multiple orthogonal views with a central 3D viewport, making it ideal for analyzing complex brain imaging data such as connectomics datasets. Neuroglancer operates entirely client-side, fetching data over HTTP in a variety of supported formats including Neuroglancer precomputed, N5, Zarr, and NIfTI, among others. The viewer is built with a multi-threaded architecture, separating rendering and data processing to ensure smooth performance even with massive datasets. ... -
19
phantomas
Headless Chromium-based web performance metrics collector
...Metrics can be emitted from the JavaScript code of the page phantomas is run against (thanks to helper functions available in window.__phantomas). Device profiles allow phantomas to emulate mobile or tablet (by setting a proper user agent and viewport). phantomas comes as a CommonJS module that you can use in your nodejs projects. Use grunt to automate daily dev tasks, including your's application web performance. -
20
react-window
React components for rendering large lists and tabular data
React window works by only rendering part of a large data set (just enough to fill the viewport). This helps address some common performance bottlenecks. It reduces the amount of work (and time) required to render the initial view and to process updates. It reduces the memory footprint by avoiding over-allocation of DOM nodes. react-window is a complete rewrite of react-virtualized. If react-window provides the functionality your project needs, it is strongly recommend that you use it instead of react-virtualized. ... -
21
Valdi
Cross-platform UI framework that delivers native performance
Valdi is a cross-platform UI framework built to deliver native runtime performance without giving up the fast iteration loop that teams want from higher-level frameworks. You write your UI once in declarative TypeScript (TSX-style components), and Valdi compiles those components directly into platform-native views for iOS, Android, and macOS, instead of relying on web views or a JavaScript bridge. Its design focuses heavily on performance characteristics that matter in real apps, like... -
22
Chili3D
A browser-based 3D CAD application for online model design
Chili3D is an open-source, browser-based 3D CAD application that enables users to design, edit, and visualize complex 3D models directly within a web environment without requiring local installation. It is built using TypeScript and leverages WebAssembly to compile the OpenCascade geometric modeling kernel, allowing it to achieve near-native performance inside the browser. The application integrates with modern rendering libraries to provide real-time visualization, interactive modeling, and... -
23
Primitive UI
A front-end design toolkit for developing web apps
...Primitive also provides helpful, browser-consistent styling for default HTML elements - buttons, forms, tables, lists, and typography. There are three container sizes for content that are centered with left and right padding. Content without a container will span the width of the viewport. The font size is set to 1rem on the HTML element, so all font sizing will cascade from the root. Headings all have the same line height and margins, and only the font size is individually defined. The blockquote is set to have a left border, with the browser default padding removed. A citation will be right-aligned and italicized. -
24
Bootstrap Table
Extended table to integration with some of the most widely used CSS
...Install and manage Bootstrap table’s CSS, JavaScript, locales, and extensions using bower. Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Bootstrap Table requires the use of the HTML5 doctype. Without it, you’ll see some funky incomplete styling, but including it shouldn’t cause any considerable hiccups. -
25
Eddy
An editor for the specification of Graphol ontologies
...Eddy features a design environment specifically thought out for generating Graphol ontologies through ad-hoc functionalities. Drawing features allow designers to comfortably edit ontologies in a central viewport area, while two lateral docking areas contains specifically-tailored widgets for editing, navigating and inspecting open diagrams. Eddy is equipped with design-time syntax validation functionalities which prevents ontology designers from constructing invalid Graphol expressions: feedback on the validity of the expression is given through color coding diagram elements. ...
