A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

💄CSS tricks for web developers~

Unleash dynamic web experiences with {css}animation. A lightweight, zero-JavaScript CSS animation library for developers and UI ninjas. Get pre-built effects, total control, and fast, modern motion design.

🫧 Pixel-perfect recreation of Apple's iOS 26 Liquid Glass effect using only CSS and SVG filters. Includes LiquidGlass containers, LiquidText, and LiquidButton components.

Build Amazing Animations/Effects With Advance CSS 💙

Liquid Navigation Menu Indicator Using HTML CSS & JavaScript

💄 No Javascript, image hover effects you've always wanted

Generate stunning liquid glass effects like iOS 26. Customize Apple-style blur, transparency, and glow – copy the CSS & HTML instantly.

✨ Liquid Glass with WebGL

把任意照片自动切成前中后景，每层各上各的箔面，渲染成可交互的全息闪卡

Minimal dark-first liquid glass CSS kit (pure CSS, no JS).

HTML, CSS and Javascript tips.

This demo shows how to create a nice glossy effect with a combination of CSS3 gradients.

3D button flip effect with CSS.

Brainwave - Modern UI/UX website, developed using React.js and Tailwind CSS, exemplifies modern UI/UX principles.

A simple web application, that lets the user shoot either a single shot or multiple shots with a selected weapon from the game 'Counter-Strike: Global Offensive'. Created with vanilla JavaScript, HTML & CSS.

This demo how shows a notification bar with bouncing effect that is achieved with CSS3 animation.

html Css yordamida yaratilgan sayt

100 free CSS design templates with live demos. Glassmorphism, neumorphism, claymorphism, liquid glass, bento grid and more. Single HTML file, MIT license.

A cool animation effect for Dropdown menus