Development · Website
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.
What it's 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
- Topic
- UI Components
- 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: Provides customizable loading animations with adjustable size, speed, and color that can be easily added to web apps via npm or CDN.
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated