component
VideoHatch
By FramerHub.io

Details
- FramerHub.io Author
- componentType
- $9.00Price
- 2026-08-23Published
- 2026-08-23Updated
- 2026-08-23Added
- BackgroundsCategories
Summary
Overview Add a dynamic, scribbled hatching effect to your videos with VideoHatch.
Description
Overview Add a dynamic, scribbled hatching effect to your videos with VideoHatch. Powered by native Three.js WebGL, this component uses VideoTexture to convert any standard MP4 into a beautifully shaded, hand-drawn animation right on the canvas with incredibly smooth performance. Features - Real-time Video Textures : Applies real-time native WebGL shading to MP4 video textures. - Original Color Sampling : Color sampling directly from the video source for full-color sketches. - Interactive : Interactive hover triggers included. - Customizable : Fully customizable stroke angles, spacing, and jitter for a hand-drawn look. Use Cases - Creative Portfolios - Hero Backgrounds Properties - Video Settings : Source (URL or Upload), Playback Controls (AutoPlay, Loop, Muted), Video Fit, Trigger, Quality. - Style : Original Color, Tint Color, Angle, Spacing, Line Width, Round Caps, Softness. - Jitter : Angle Jitter, Offset Jitter, Spacing Jitter, Seed. - Animation : Speed. Customization - Choose your Source (URL or Upload) and provide the video. - Pick how you want the video to scale with Video Fit. - Tweak the Style group to customize stroke look and color. - Adjust the Jitter group to control randomness and hand-drawn feel. License Single Use License — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client. Refund Policy Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns! Version 1.0.0
Introduction
hand-drawn hatching shader
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3404