CODE

Examples, Components, UI kits

Animate UI

Elevate your UI with fluid, animated components. A fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion and Shadcn CLI. Browse a list of components you can install, modify, and use in your projects.

Code

PatternCraft

Craft Beautiful Patterns Backgrounds. Professional-grade background patterns and gradients. Easily copy the code and seamlessly integrate it into your projects.Crafted with modern CSS and Tailwind.

Code

The Component Gallery

The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces.

Code

Originui

Beautiful UI components built with Tailwind CSS and React.

Code

lukacho/ui

Next Generation UI Components.

Code

Blank

The Fastest UI Kit & Design System for Your Projects. Create beautiful, high-performance websites faster than ever before, with seamless workflows for Webflow, Framer, and Figma.

Code

Easing Wizard

CSS easing functions made easy

Code

Magic UI

UI library for Design Engineers

Code

Uiverse

The Largest Library of Open-Source UI

Code

bttn.css

Awesome buttons effects for your projects!

Code

Progress bar

With ProgressBar.js, it's easy to create responsive and stylish progress bars for the web. Animations perform well even on mobile devices. It provides a few built‑in shapes like Line, Circle and SemiCircle but you can also create custom shaped progress bars with any vector graphic editor.

Code

Hover Buttons

Button hover animations

Code

Granim

Create fluid and interactive gradient animations with this small javascript library. with this small javascript library.

Code

moving-letters

Free to use Text animations effects for your website.

Code

Codyhouse

CodyHouse's UI Framework is an arsenal of production-ready components and tools that empower web designers to craft digital experiences faster and better.

Code

CoDrops

Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities.

Code

Adele by UXPin

The repository of publicly available design systems and pattern libraries

Code

Good design encourages a viewer to want to learn more.Alexander Isley