Shaders: 199 WebGPU Components for Interactive Effects
Create interactive GPU effects with runtime prop updates, pointer-driven values, masking, and a composable WebGPU component model.
Create interactive GPU effects with runtime prop updates, pointer-driven values, masking, and a composable WebGPU component model.
Create a Siri-style screen-edge glow with flowing colors, adjustable geometry, and input-responsive hotspots. Includes a React adapter.
QR code encoder and decoder tools which helps you quickly generate QR codes from given contents and decode QR codes from images.
Create authenticator codes, validate time windows, and export Google Authenticator key URIs with OTPAuth for JavaScript.
Style dashboards and web apps with 50+ Frutjam CSS components. Includes ready-made color themes and a CDN stylesheet for plain HTML.
Create confetti bursts, sparkles, and custom Canvas particle effects from buttons or page coordinates. Customize colors, shapes, physics, and duration, or build effects with particle samplers, behaviors, and playback controls.
Create data-driven 3D scenes and dashboards with WebGL 2, glTF models, tooltips, camera controls, and modular JavaScript imports.
Arrange photos and cards into responsive masonry columns, with optional swipe navigation and thumbnail previews in a fullscreen gallery.
Turn hex colors and CSS color names into numeric values, convert color spaces, and format the results as CSS strings with hueful.