Search Results for "pixel"
Sort By:
Showing 16 open source projects for "pixel"
View related business solutions-
Compliant and Reliable File Transfers Backed by Top Security CertificationsStop relying on non-certified, legacy file transfer tools that creak under the weight of modern security demands. Get full audit trails, advanced access controls and more supported by an award-winning team of experts. Start your free 25-day trial today.
-
Atera - an All-in-one platform for IT managementYour IT essentials, integrated & elevated. Take your IT management from automated to autonomous, download Atera's agent to start your free trial!
-
1
pixelmatch
The smallest, simplest JavaScript pixel-level image comparison library
The smallest, simplest and fastest JavaScript pixel-level image comparison library, originally created to compare screenshots in tests. Features accurate anti-aliased pixels detection and perceptual color difference metrics. Inspired by Resemble.js and Blink-diff. Unlike these libraries, pixelmatch is around 150 lines of code, has no dependencies, and works on raw typed arrays of image data, so it's blazing fast and can be used in any environment (Node or browsers). -
2
Konsta UI
Mobile UI components made with Tailwind CSS
Pixel perfect mobile UI components built with Tailwind CSS. With iOS and Material Design components for React, Vue & Svelte. All Konsta UI components come with pixel-perfect native-like iOS and Material Design themes created using official design guidelines. Everything you need for your iOS and Android apps! Konsta UI is mostly designed to be used with "parent" frameworks like Ionic or Framework7. -
3
tabler icons
1950 free MIT-licensed high-quality SVG icons
A set of over 1950 free MIT-licensed high-quality SVG icons for you to use in your web projects. Over 1950 pixel-perfect icons for web design. Free and open-source icons designed to make your website or app attractive, visually consistent, and simply beautiful. Each icon is designed on a 24x24 grid and a 2px stroke. All icons are built with SVG, so you can place them as <img>, background-image and inline in HTML code. If you load an icon as an image, you can modify its size using CSS. ... -
4
sharp
High performance Node.js image processing module
...This module supports reading JPEG, PNG, WebP, AVIF, TIFF, GIF and SVG images. Output images can be in JPEG, PNG, WebP, AVIF and TIFF formats as well as uncompressed raw pixel data. Streams, Buffer objects and the filesystem can be used for input and output. -
Stop Cyber Threats with VM-Series Next-Gen Firewall on AzureGain integrated visibility across all traffic in a single pass. Deploy Palo Alto Networks VM-Series to determine application identity and content while automating security policy updates via rich APIs.
-
5
lcd-image-converter
Tool to create bitmaps and fonts for embedded applications.
This program allows you to create bitmaps and fonts, and transform them to "C" source format for embedded applications. The transformation of the images to the source code is made by using templates. Therefore, by modifying the templates, you can change the format of the output within certain limits. -
6
Image to ico Easymode
Image to software icon or favicon made simple
...I have support for these: - Windows PC Exe Programs - 16×16, 32×32, 48×48, 256×256 .ico bundled - Website Favicon - 32x32 .ico - Android Phone Apps - 192x192 .png - Progressive Web Apps (PWA) - 512x512 .png I recommend uploading images atleast 512x512px tall/wide, unless you're doing pixel perfect icons and just want an easier 'convert to .ico format' tool. (Source code is included as it is a standalone offline html file that works in any modern web browser.) -
7
vue-content-loader
SVG component to create placeholder loading
...Skeletons reduce perceived waiting time and help prevent layout shifts by reserving space for images, text blocks, and cards. The library exposes composable, declarative shapes so you can approximate your final UI without pixel-perfect templates. Because it renders as vector graphics, the output is crisp on all screens and cheap to animate. It’s easy to theme and reuse across a design system, keeping loading states consistent throughout a product. Teams use it to polish UX, align with brand motion, and signal progress without resorting to spinners that provide no structural hint of the incoming content. -
8
img2css
Convert any image to pure CSS. Recreates images using only box-shadows
This is a tool that can convert any image into a pure CSS image. I also made a per-pixel animation experiment using the box-shadow idea, see morphin. Pure CSS, this output was created by resizing and setting each pixel as a box shadow of a single-pixel div, so no IMG tag or background image is needed. This can result in huge outputs, and the use of this output is not recommended for production unless there is no other option. -
9
React Native Typography
Pixel–perfect, native–looking typographic styles for React Native
Pixel–perfect, native–looking typographic styles for React Native. Creating great Text Styles in React Native is not a simple task, it requires a lot of fiddling and handling edge cases. This library provides a good set of defaults and helpers that cover the majority of the cases you'll need, make your code much simpler and render great on iOS, Android, and the web. -
Stop vibe-debugging.AppSignal's MCP server hands Claude, Cursor, or Zed your real errors, traces, and the deploy that shipped them. AI writes the fix; you review the diff.
-
10
Pixel Lite - Free Bootstrap 4 UI Kit
Pixel Lite is a FREE Bootstrap 4 UI Kit
...It has more than 1000 components, 50+ sections and 25+ example pages to use for your awesome projects. Check it out here: Pixel PRO - Premium Bootstrap 4 UI Kit. Online DEMO: https://themesberg.com/preview/pixel-lite/ -
11
Masonry
A cascading grid layout plugin
Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. All sizing and styling of items is handled by your own CSS. tem sizes can be set with percentages for responsive layouts. With the masonry layout mode, set percentage-width columnWidth with element sizing. Set percentPosition: true so item positions are likewise set... -
12
Rebass Grid
Responsive React grid system
...All @rebass/grid components use styled system for style props, which pick up values from a theme and allow for responsive styles to be passed as array values. Sets width, where numbers 0-1 are percentage values, larger numbers are pixel values, and strings are raw CSS values with units. Pass an array to set different widths at different breakpoints for responsive styles. Both margin and padding props accept numbers, strings, and arrays as values. Using a number from 0-8 (i.e. an index of theme.space) will reference a step on the spacing scale. Larger numbers are converted to pixel values. ... -
13
PhantomCSS
Visual/CSS regression testing with PhantomJS
...For testing Web apps, live style guides, and responsive layouts. PhantomCSS takes screenshots captured by CasperJS and compares them to baseline images using Resemble.js to test for rgb pixel differences. PhantomCSS then generates image diffs to help you find the cause. Screenshot based regression testing can only work when UI is predictable. It's possible to hide mutable UI components with PhantomCSS but it would be better to test static pages or drive the UI with faked data during test runs. -
14
Isotope
Filter and sort layouts
Include the Isotope .js file in your site. Isotope works on a container element with a group of similar child items. All sizing of items is handled by your CSS. You can use Isotope as a jQuery plugin. You can use Isotope with vanilla JS. You can initialize Isotope in HTML, without writing any JavaScript. All options are optional, but itemSelector is recommended. Layout modes have their own separate options. We recommend always setting itemSelector. itemSelector is useful to exclude sizing... -
15
once:radix is a Rapid Application Development system for Intranet and eXtranet environments. Create advanced database-driven web applications that require no expertise in the underlying technologies. Just point and click with pixel-perfect precision.
-
16
lastest
AI-supported visual verification and tests you can actually trust.
...An AI agent records you clicking through your running app and generates Playwright tests with multi-selector fallback. Replays are deterministic and token-free, so your CI/CD bill doesn't scale with your test suite. Lastest ships three diff engines side-by-side — pixel (pixelmatch), structural (SSIM), and perceptual (Butteraugli) — so flaky pixel diffs stop crying wolf. A review dashboard tracks baselines, approvals, and audit history. Run it via Docker on your own infrastructure for unlimited screenshots and full data residency, or run on Lastest Cloud for managed CI runners. Built for solo founders, devs doing QA without a QA team, and SaaS teams that need an Applitools-class alternative without the $699+/mo invoice or the data-exfiltration problem.
- Previous
- You're on page 1
- Next
