# LDRS

> Free, open-source loading spinners and animations built as web components.

LDRS is an open-source library of lightweight, animated loaders built using HTML, CSS, and SVG. They are packaged as standard web components and React components, making them compatible with modern web frameworks without complex dependencies. Developers can preview dozens of loader styles and configure parameters like size, speed, and color directly via attributes.

Website: https://uiball.com/ldrs

## What it is for

- Add animated loading spinners to web applications during data fetching
- Replace generic progress spinners with themed custom loaders
- Customize animation attributes like size, color, and speed directly via HTML markup

## Features

- Dozens of distinct loader designs including Helix, Orbit, Waveform, and Cardio
- Available as custom web elements (custom HTML tags like \<l-ring\>) and React components
- Customizable via simple attributes for size, speed, color, and stroke
- Available via npm package or direct CDN import
- Built natively with HTML, CSS, and SVG for lightweight performance

## Pricing

Open source. Free and open source

## Details

- Type: Website
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Web, Code library
- For: Web developers and frontend designers looking for lightweight loading animations.
- Alternative to: react-spinners, SpinKit
- Tags: loaders, spinners, web components, css, svg, ui

## Why it was saved

- [@setupsai, 23 April 2024](https://www.instagram.com/reel/C6F7oFhL3VF/): Provides customizable loading animations with adjustable size, speed, and color that can be easily added to web apps via npm or CDN.

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 3 October 2026. Page: https://xiry.app/resources/ldrs

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.