Supercharge your web apps with Reverse UI - 50+ customizable, ready-to-use animated UI components.
A new, modern UI component library built on top of Base UI - coss ui
Built for developers and AI.
Uiverse | The Largest Library of Open-Source UI elements
Community-made library of free and customizable UI elements made with CSS or Tailwind. It's all free to copy and use in your projects. Uiverse can save you many hours spent on building & customizing UI components for your next project.
Ori UI — Open-Source Animated Svelte UI Components
Free and open-source animated components and effects built with Svelte, Typescript, Tailwind CSS, and Animejs/Motion. Perfect companion for svelte-shadcn/ui.
Origin UI - Svelte
An extensive collection of copy-and-paste Svelte components for quickly building app UIs.
Animating and Compositing | Web Browser Engineering
Complex web applications use animations when transitioning between states. These animations help users understand the state change and they improve visual polish by replacing sudden jumps with gradual changes. But to execute these animations smoothly, the browser must minimize time in each animation frame, using GPU acceleration to speed up visual effects and compositing to minimize rendering work.
View Transitions API | 12 Days of Web
Providing a native API for animated page and element transitions.
Aceternity UI Svelte - Free Incredible Animated Components
Add incredible animated components to your Svelte App for free. Make incredible landing pages in minutes by copy-pasting the source code. 😎
Components.build
An open standard for building modern, composable and accessible UI components.
Adding Visual Effects | Web Browser Engineering
Right now our browser can only draw colored rectangles and text—pretty boring! Real browsers support all kinds of visual effects that change how pixels and colors blend together. To implement those effects, and also make our browser faster, we’ll need control over surfaces, the key low-level feature behind fast scrolling, visual effects, animations, and many other browser capabilities. To get that control, we’ll also switch to using the Skia graphics library and even take a peek under its hood.
Radix UI
Components, icons, and colors for building high‑quality, accessible UI. Free and open-source.
Very Good Components
Looking for inspiration? Browse our curated collection of HTML UI components ready to drop into your next project.
Bringing Microsoft Internet Explorer’s proprietary “Interpage Transitions” back to Modern Browsers using the View Transition API
Back in late 2024, I started working on a fun end-of-year side project named ie-page-transitions. It”s a CSS + JS library that brings back Microsoft Internet Explorer’s proprietary “Interpage Transitions” to modern browsers, powered by the View Transition API. After sitting unfinished for a while, I finally got all 23 classic effects over the finish line and published the project on page-transitions.style.
Bringing Microsoft Internet Explorer’s proprietary “Interpage Transitions” back to Modern Browsers using the View Transition API
Back in late 2024, I started working on a fun end-of-year side project named ie-page-transitions. It”s a CSS + JS library that brings back Microsoft Internet Explorer’s proprietary “Interpage Transitions” to modern browsers, powered by the View Transition API. After sitting unfinished for a while, I finally got all 23 classic effects over the finish line and published the project on page-transitions.style.
AutoAnimate - Add motion to your apps with a single line of code
A zero-config, drop-in animation utility that automatically adds smooth transitions to your web app. Use it with React, Solid, Vue, Svelte, or any other JavaScript application.
Native-Like Animations for Page Transitions on the Web | CSS-Tricks
Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in mobile
