ddosi
Featured
PacketLens
PacketLens is a pure front-end, offline pcap analysis tool that runs entirely in the browser, supporting deep protocol decoding, HTTPS decryption, and million-packet instant loading without any backend.
AI repository intelligence
FR-AI / ANALYSISWhy it is worth attention
It showcases a clever, lightweight canvas compositing technique (source-in masking) to create a smooth, customizable hover-reveal effect without any frameworks or build tools.
Who it is for
- Web developers exploring canvas animation
- One Piece fans creating fan projects
- Designers looking for interactive hero banner inspiration
- Frontend enthusiasts wanting a no-build-step demo
Use cases
- Interactive hero banners for anime or fan sites
- Portfolio pieces demonstrating canvas masking effects
- Customizable hover-reveal widgets for product showcases
- Educational example of canvas composite operations
Strengths
- Self-contained single HTML file with embedded base64 images, runs offline (except first font load)
- Responsive and device-pixel-ratio aware, works on touch devices
- Easily tunable parameters for trail length, reveal size, cursor smoothing, and overlay darkness
- No dependencies or build steps; works in all modern browsers
Considerations
- Images are provided as base64 data URIs (can be large); requires replacement with own art for production
- Relies on Google Fonts for the logo approximation which needs initial internet connection
- Effect only works with pointer input (mouse or touch); no keyboard fallback
- Source images must be loaded from same origin when using file paths instead of base64
README quick start
Quick start
Related repositories
Similar projects matched by category, topics, and programming language.
ViffyGwaanl
Featured
kimi-k3-learn
An interactive learning system that turns the 47-page Kimi K3 technical report into a single offline HTML file with running algorithms, 3D visualizations, spaced repetition quizzes, and a smart highlighting QA tool.
iamtechartist
Featured
human-cell-visualizer
An interactive 3D visualization of three human cell types using Three.js, WebGL particles, and custom GLSL shaders, allowing users to rotate, zoom, morph, and explore annotated structures.