# ring components

> React components tagged "ring" from the 21st community, built with Tailwind CSS.

21 components available. Showing all of them below.

- [Apple Activity Ring](https://21st.dev/@kokonutd/components/apple-activity-ring.md) — by Kokonut Baffier
- [Ring](https://21st.dev/@loading-ui/components/ring.md) — by Loading UI
- [Input](https://21st.dev/@originui/components/input/input-with-colored-border-and-ring.md) — by Origin UI
- [Spinner](https://21st.dev/@haydenbleasel/components/spinner.md) — by Hayden Bleasel
- [Select](https://21st.dev/@originui/components/select/select-with-colored-border-and-ring.md) — by Origin UI
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-eight.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-one.md) — by ShadcnStudio
- [Loader](https://21st.dev/@ravikatiyar162/components/loader-15.md) — by Ravi Katiyar
- [Loding](https://21st.dev/@shailendrakumar19999/components/loding.md) — by Shailendra
- [Premium Verification Widget](https://21st.dev/@jatin-yadav05/components/premium-verification-widget.md) — by Jatin Yadav
- [Orbit Ring](https://21st.dev/@loading-ui/components/orbit-ring.md) — by Loading UI
- [Dots Ring](https://21st.dev/@loading-ui/components/dots-ring.md) — by Loading UI
- [Vermilion Rings](https://21st.dev/@serafimcloud/components/vermilion-rings.md) — by Serafim
- [Progress Circle](https://21st.dev/@hero_ui/components/heroui-progress-circle/colors.md) — by Hero Ui
- [Concentric Ring](https://21st.dev/@loading-ui/components/concentric-ring.md) — by Loading UI
- [Dash Ring](https://21st.dev/@loading-ui/components/dash-ring.md) — by Loading UI
- [Abstract Ripple](https://21st.dev/@serafimcloud/components/abstract-ripple.md) — by Serafim
- [Ember Drift](https://21st.dev/@serafimcloud/components/ember-drift.md) — by Serafim
- [Clock Ring Spinner](https://21st.dev/@shadcnspace/components/spinner-08.md) — by ShadcnSpace
- [Small Spinner](https://21st.dev/@uiable/components/spinner-size-small.md) — by uiable
- [Quarter Ring](https://21st.dev/@loading-ui/components/quarter-ring.md) — by Loading UI

Full component directory: https://21st.dev/llms.txt