A high-performance collection of 10 bespoke animation nodes leveraging CSS Houdini (@Property) and conic-gradients for GPU-optimized, sub-pixel smooth visual effects. Zero-dependency, lightweight, and hardware-accelerated.
This project showcases a comprehensive full-stack solution, combining a robust ASP.NET Core Web API backend, an MVC web frontend, and a modern React single-page application — all seamlessly integrated to provide a highly secure, scalable, and user-friendly system.
High-performance interactive 3D Liquid Glass experience. Built with Three.js, Rapier physics (WASM), and GSAP. Optimized for 60 FPS with dynamic code splitting and modern SCSS architecture.
学习笔记
Die ultimative Checkliste für Core Web Vitals, LCP und CLS Optimierung. Masterclass Tutorial: 👇
Lazy Google Fonts is a lightweight, dependency-free JavaScript plugin that loads Google Fonts without blocking page rendering, helping improve PageSpeed Insights scores and Core Web Vitals.
This Drupal module provides a custom Text Filter that automatically adds loading="lazy" to <img> and <iframe>
A high-performance React frontend for TaskFlow AI featuring a glassmorphism dashboard, stateless JWT authentication, and edge-proxied asynchronous LLM task insights.
Professional-grade image color analyzer built with Next.js and TypeScript. Uses custom K-Means clustering and Delta E perceptual color difference algorithms to map image pixels to a curated palette with human-eye accuracy. Features high-DPI canvas rendering and optimised data export.
"Your Memes" is a fun, interactive app allowing you to create custom memes using React. Fetch images from an API, add text, choose fonts and colors, and share your creativity with the world!
A reusable and high-performance React table system with search, sort, filter, selection, and built-in virtualization. Handles thousands of rows smoothly. Fully configurable and works across multiple pages without modifying the core table.
A premium, performance-first Vanilla JS landing page template featuring high-end glassmorphism design, fluid animations, and a modern design
The source code of my personal portfolio. Built with Next.js (App Router), optimized for maximum SEO & Performance.
这是一个基于Google Lighthouse的网站性能监控仪表板，用于自动化测试网站性能并生成可视化报告。该工具通过GitHub Actions定期运行Lighthouse测试，收集关键性能指标，并提供历史趋势分析，帮助开发团队持续监控和改进网站性能
Add a description, image, and links to the frontend-performance topic page so that developers can more easily learn about it.
To associate your repository with the frontend-performance topic, visit your repo's landing page and select "manage topics."