Download the PHP package dnsk-work/twill-picture without Composer

On this page you can find all versions of the php package dnsk-work/twill-picture. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Example code of dnsk-work/twill-picture

Informations about the package twill-picture

Twill Picture — Progressive blur-up image component for Laravel Twill & Glide

A <x-picture> Blade component for Laravel Twill that renders responsive WebP images with a progressive blur-up (LQIP) loading effect. Shows a blurred low-quality image placeholder while the full image loads, then fades it in and removes the placeholder from the DOM.

Works with Glide, imgproxy, Cloudinary, imgix, or any image service that accepts w, q, and fm as URL query parameters.

Installation

The component is auto-registered by Laravel as <x-twill-picture::picture>.

To use the shorter <x-picture> tag, publish the view to your app:

Usage

Props

Prop Default Description
src '' Image URL. Existing query params are preserved.
alt '' Alt text.
loading lazy Set to eager for above-the-fold / LCP images.
fetchpriority null Set to high for LCP images.
width null Passed to <img> for layout stability (CLS).
height null Passed to <img> for layout stability (CLS).
sizes 100vw CSS sizes attribute for responsive image selection.
class — Applied to the outer wrapper <div>.

Any other attributes are forwarded to the <img> element.

How it works

  1. Renders a wrapper <div> with position: relative; overflow: hidden.
  2. Inside it, an absolutely-positioned <div> shows a 40px-wide WebP LQIP (w=40&q=10&fm=webp) scaled up with blur(24px). inset: -10% hides the blur-edge glow.
  3. A <picture> element provides a WebP <source> with srcset at 400w 800w 1200w 1600w 2400w, plus a fallback <img> at opacity: 0.
  4. On img.onload, opacity transitions to 1 and the LQIP element is removed from the DOM.

Requirements

License

MIT

Made by DNSK.WORK, a UI/UX agency.

All versions of twill-picture with dependencies

PHP Build Version
Package Version
Requires php Version ^8.1
illuminate/support Version ^10.0|^11.0|^12.0
illuminate/view Version ^10.0|^11.0|^12.0
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package dnsk-work/twill-picture contains the following files

Loading the files please wait ...