Search Results for "img"
Sort By:
Showing 13 open source projects for "img"
View related business solutions-
$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.
-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
1
sakura
A minimal CSS framework/theme
...No need to remember tons of different class names for every other CSS framework. Works amazingly with markdown generated HTML pages (eliminates the need of hacks like including .img img-responsive in markdown-parser generated <img></img> tags). -
2
tabler icons
1950 free MIT-licensed high-quality SVG icons
...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. You can paste the content of the icon file into your HTML code to display it on the page. Import the icon and render it in your component. You can adjust SVG properties through React props. Angular components are available through the angular-tabler-icons package. ... -
3
Bootstrap Icons
Open source SVG icon library for Bootstrap
...Use the SVG sprite to insert any icon through the <use> element. Use the icon’s filename as the fragment identifier (e.g., toggles is #toggles). SVG sprites allow you to reference an external file similar to an <img> element, but with the power of currentColor for easy theming. -
4
Neiki's Charts
Lightweight SVG chart Web Component
Neiki's Charts is a lightweight SVG chart library built as a native Web Component. Drop a single script tag into any HTML page and get four chart types — Line, Bar, Pie, and Scatter — with no build step, no framework, and zero dependencies. CSS is bundled automatically, so one file is all you need. The component uses Shadow DOM for style encapsulation and fits cleanly into any project without CSS conflicts. Charts are fully responsive, support light and dark themes with automatic... -
Save Up to 91% on Cloud Compute With Spot VMsRun batch jobs at 60-91% off with Spot VMs. Long-running workloads get automatic discounts with sustained use.
-
5
LazyLoad
LazyLoad is a lightweight, flexible script that speeds up your website
...It’s written in plain “vanilla” JavaScript, it leverages the IntersectionObserver API, it supports responsive images, it optimizes your website for slower connections, and can enable native lazy loading. To display content images on your pages, always use the img tag. This would benefit the SEO and the accessibility of your website. To understand if your images are content or background, ask yourself: “would my website user like to see those images when printing out the page?”. If the answer is “yes”, then your images are content images and you should avoid using background images to display them. -
6
RateIt
Rating plugin for jQuery. Fast, Progressive enhancement, touch support
...Although it does the same job as the rest of the jQuery star rating plugins, the main difference is its simplicity. Most plugins create an element for each (partial) star, be it a div with a star background, or an img tag. Each of these tags gets a hover event, and a click event. And on these hover/click events it has to go and talk to the other stars, telling them to change their state. -
7
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. The library is structured around... -
8
JavaScript Load Image
Load images provided as File or Blob objects or via URL
JavaScript-Load-Image is a client-side image loading and processing library that focuses on turning File/Blob objects or remote URLs into HTML <img> or <canvas> elements, optionally transformed in the process. It is often used in upload flows where images need to be previewed, resized, rotated, or cropped before being sent to a server, reducing bandwidth and improving user experience. The library can interpret image metadata, including Exif and IPTC tags, and can extract embedded thumbnails when present, which is handy for building fast image pickers or galleries. ... -
9
img2css
Convert any image to pure CSS. Recreates images using only box-shadows
...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. Base64, the entire image file is embedded inside the <img> tag using base64, so no need for external hosting is needed. -
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
10
Exifr
The fastest and most versatile JS EXIF reading library
Exifr is a fast and very versatile JavaScript EXIF reading library that works everywhere, parses everything and handles just about anything you throw at it. It can handle any input: buffers, url, <img> tag and more; .jpg, .tif, and .heic files; and TIFF (EXIF, GPS, etc.), XMP, ICC, IPTC, JFIF segments. It skips parsing tags you don’t need, and reads only the first few bytes. There’s no need to read the whole file to see if there’s an EXIF file in it, or extract all the data when you just need a few tags. Instead of reading byte by byte from start to finish, Exifr jumps through the file structure from pointer to pointer, making it extremely fast and efficient! -
11
jQuery & Zepto Lazy
A lightweight, fast, feature-rich, powerful and highly configurable
...It's designed to speed up page loading times and decrease traffic to your users by only loading the content in view. You can use Lazy in all vertical and horizontal scroll ways. It supports images in img / tags and backgrounds, supplied with CSS like background-image, by default. On those elements, Lazy can set a default image or a placeholder while loading and supports retina displays as well. But Lazy is even able to load any other content you want by plugins and custom loaders. -
12
pretty-checkbox.css
A pure CSS library to beautify checkbox and radio buttons
...You need to add an appropriate font icon library in your application. Adding svg icon is very similar to adding font icons. Add class p-svg to .pretty and svg to <svg> tag or <img> tag ( if svg file url is used as img source ). To animate, add class p-smooth or p-jelly or p-tada or p-rotate or p-pulse to .pretty. -
13
CSSgram
CSS library for Instagram filters
...We are using pseudo-elements (i.e. :before and :after) to create the filter effects, so you must apply these filters on a containing element (i.e. not a content-block like <img>. The recommendation is to wrap your images in a <figure> tag. If you use custom naming in your CSS architecture, you can add the .scss files for the provided styles within your project and then @extend the filter effects within your style definitions. Mixins allow for multiple filter arguments to be passed into your classes. This is useful for if you want to add filters in addition to the ones provided (i.e. add a blur).
- Previous
- You're on page 1
- Next
