Category
Web Dev
6 posts in this category.
lucide-animated: Turn Lucide Icons into Animated React Components
lucide-animated is an open-source collection of animated icons built with Lucide and Motion. This article covers the interactive preview, installation with the shadcn CLI, and how to use it with an Agent.
Tegaki Handwriting Animation Library: Install & Test — Easy Hand-Drawn Text Effects for the Web
Want to add natural, fluid handwriting animations to your web pages? Tegaki is a lightweight, easy-to-use JavaScript library that converts any font into stroke-by-stroke handwriting animation.
OpenVid Tutorial: Browser-Based Product Demo Recording and 3D Camera Post-Production Without Installation
Want to record polished demo videos for your product? OpenVid lets you apply 3D camera angles, zooms, and clean backgrounds directly in the browser, then export a high-quality demo video with one click.
Optimizing Pretext, an Efficient Multi-line Text Canvas Layout Library, and Avoiding DOM Repaints
Want to calculate paragraph height precisely and build more flexible text layouts without constantly touching getBoundingClientRect? Pretext offers a clever path.
Hands-On Deck.gl: Large-Scale 3D Geospatial Data Visualization with MapLibre
Want to render tens of thousands of data points on the web while keeping smooth 3D interaction? Deck.gl is a solid choice for geospatial data visualization.
Cobe Lightweight WebGL Globe Setup Tutorial and Vue Project Integration Guide
Want to add a cool 3D globe to your webpage without loading the heavy Three.js? COBE is a great choice.