Tag
#Web Development
13 posts and news items use this tag.
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.
img2threejs Tested: Can Codex Turn One Image into a Three.js 3D Model?
I tested img2threejs with GPT-5.6 SOL at medium reasoning. Complex subjects such as an F1 car failed quickly, while a simple NES controller produced clickable buttons, multiple views, and an exploded view. This article covers the results, practical limits, and Codex installation.
Markdown Preview: A Lighter Way to Preview .md Files on macOS
Markdown Preview is a small macOS utility for opening and previewing .md files. It can become your default Markdown app, and supports Quick Look, search, font-size controls, appearance settings, plus Preview / Edit / Split modes.
Text-To-Lottie Tested: Using an AI Agent to Generate and Preview Lottie Animations Locally
This article shows how to use Skia CanvasKit (Skottie) with a React and shadcn/ui control interface, letting a local AI agent write lottie.json directly and preview the animation through hot reload in the dev server.
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.
Open Design Hands-On: Quickly Building a Portfolio Homepage with a Local CLI
This time I handed most of my portfolio homepage UI over to Open Design. From choosing a local Coding Agent, picking a design system, and entering the brief, to generating the mockup and handing it off to VS Code, the whole flow was smoother than I expected.
How to Apply for a Free Digiplat DNS Subdomain and Configure Cloudflare DNS
Want to deploy a personal project or test site without paying for a domain? This article shows you how to use Digiplat to apply for free subdomains with suffixes such as .US.KG, .DPDNS.ORG, and more.
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.
Custom Configuration and Practical Deployment of the Open-Source log-lottery Web Raffle System for Year-End Events
An open-source raffle tool that supports custom participant lists, prizes, images, backgrounds, and music. I also put together a Traditional Chinese version, so after deployment you can open it in a browser and use it directly.
Barkod Studio Installation and Design Guide for Personalized Barcodes and Invoice Carrier Graphics
A full web version with no installation required and polished custom styles. Pull out a shark- or poop-shaped carrier at checkout and you will definitely get noticed.
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.