# Circular components

> Add visual flair with 5 circular React components, featuring rounded designs and dynamic styles built with Tailwind CSS.

76 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/circular.

- [Circular Flip Card Gallery](https://21st.dev/@minhxthanh/components/circular-flip-card-gallery.md) — by Le Thanh
- [Scroll Morph Hero](https://21st.dev/@prashantsom75/components/scroll-morph-hero.md) — by Prashant Som
- [Background Circles](https://21st.dev/@kokonutd/components/background-circles.md) — by Kokonut Baffier
- [Spinning Logos](https://21st.dev/@vaib215/components/spinning-logos.md) — by Vaibhav Kumar Singh
- [Orbiting Circles](https://21st.dev/@dillionverma/components/orbiting-circles.md) — by Dillion Verma
- [Circle Menu](https://21st.dev/@samitkapoor/components/circle-menu.md) — by Samit Kapoor
- [snow-ball-loading-spinner](https://21st.dev/@kedhareswer.12110626/components/snow-ball-loading-spinner.md) — by Kedhareswer Naidu
- [Scrolling animation](https://21st.dev/@minhxthanh/components/scrolling-animation.md) — by Le Thanh
- [Carousel Circular Image Gallery](https://21st.dev/@minhxthanh/components/carousel-circular-image-gallery.md) — by Le Thanh
- [Floating Action Button](https://21st.dev/@serafimcloud/components/floating-action-button.md) — by Serafim
- [Circular Command Menu](https://21st.dev/@koustubhayadiyala36/components/circular-command-menu.md) — by Kousthubha Yadiyala
- [Radial Menu](https://21st.dev/@arhamkhnz/components/radial-menu.md) — by Arham Khan
- [CoreSpin Loader](https://21st.dev/@m.kumailalirajpoot/components/core-spin-loader.md) — by Muhammad Kumail Ali
- [Inverted Cursor](https://21st.dev/@arunachalam/components/inverted-cursor.md) — by Arunachalam
- [Orbiting Carousel with Animated Icons](https://21st.dev/@olovajs/components/orbiting-carousel-with-animated-icons.md) — by olova js
- [Loader](https://21st.dev/@mvp_Subha/components/loader/modified-classic-loader.md) — by mvp_Subha
- [Loader](https://21st.dev/@mvp_Subha/components/loader/spiral-loader.md) — by mvp_Subha
- [Radial Intro](https://21st.dev/@arhamkhnz/components/radial-intro.md) — by Arham Khan
- [Loader](https://21st.dev/@mvp_Subha/components/loader/concentric-loader.md) — by mvp_Subha
- [Loader](https://21st.dev/@mvp_Subha/components/loader.md) — by mvp_Subha
- [Circle unique load](https://21st.dev/@m.kumailalirajpoot/components/circle-unique-load.md) — by Muhammad Kumail Ali
- [Flower menu](https://21st.dev/@hari/components/flower-menu.md) — by Hari Lamichhane
- [Cicular Navigation Bar](https://21st.dev/@kaif-ui/components/cicular-navigation-bar.md) — by Kaif UI
- [Radial Social Menu](https://21st.dev/@beratberkayg/components/radial-social-menu.md) — by beratberkay
- [3d effect Loader](https://21st.dev/@theutkarshmail/components/3d-effect-loader.md) — by Utkarsh Pandey
- [Chords](https://21st.dev/@airbnb-visx/components/chords.md) — by Airbnb
- [Particle Animation](https://21st.dev/@designali-in/components/particle-animation.md) — by Ali Imam
- [Progress](https://21st.dev/@anubra266/components/progress-1/circular-colors-progress.md) — by Abraham
- [LoadingRadar](https://21st.dev/@ruhith369/components/loading-radar.md) — by ruhith
- [Cloud Orbit](https://21st.dev/@badtzx0/components/cloud-orbit.md) — by badtz
- [Loader](https://21st.dev/@ravikatiyar162/components/loader-11.md) — by Ravi Katiyar
- [BoltNewBadge](https://21st.dev/@jamesjara/components/bolt-new-badge.md) — by James Jara
- [Ripple Circles](https://21st.dev/@ruixen.ui/components/ripple-circles.md) — by Ruixen UI
- [Floating Elements](https://21st.dev/@whyte25/components/floating-elements.md) — by whyte25
- [NovaQRButton](https://21st.dev/@ruixen.ui/components/nova-qrbutton.md) — by Ruixen UI
- [Loader](https://21st.dev/@ravikatiyar162/components/loader-5.md) — by Ravi Katiyar
- [Metamorphic Loader](https://21st.dev/@maxim.bort.devel/components/metamorphic-loader.md) — by Maxim Bortnikov
- [Loading Animation](https://21st.dev/@lovesickfromthe6ix/components/loading-animation-1.md) — by scott clayton
- [Angle Slider](https://21st.dev/@anubra266/components/angle-slider.md) — by Abraham
- [Loading Circle](https://21st.dev/@ruixen.ui/components/loading-circle.md) — by Ruixen UI
- [BouncingCirclesLoader](https://21st.dev/@ruhith369/components/bouncing-circles-loader.md) — by ruhith
- [Solar Pulse Loader](https://21st.dev/@ravikatiyar162/components/solar-pulse-loader.md) — by Ravi Katiyar
- [Angle Slider](https://21st.dev/@anubra266/components/angle-slider/adaptive-marks.md) — by Abraham
- [Angle Slider](https://21st.dev/@anubra266/components/angle-slider/labeled-marks.md) — by Abraham
- [Rotary Radio Switch](https://21st.dev/@ravikatiyar162/components/rotary-radio-switch.md) — by Ravi Katiyar
- [Orbit Rotation](https://21st.dev/@karthikmudunuri/components/orbit-rotation.md) — by Mudunuri bhaskara karthikeya varma
- [Angle Slider](https://21st.dev/@anubra266/components/angle-slider/angle-slider-marks.md) — by Abraham
- [Wheel Of Time Calendar](https://21st.dev/@ruixen.ui/components/wheel-of-time-calendar.md) — by Ruixen UI
- [Floating Button](https://21st.dev/@ln-dev7/components/floating-button.md) — by LN
- [FloatButton](https://21st.dev/@antdesign/components/float-button/badge.md) — by antdesign
- [Radial Week View](https://21st.dev/@ruixen.ui/components/radial-week-view.md) — by Ruixen UI
- [google chrome loader](https://21st.dev/@theutkarshmail/components/google-chrome-loader.md) — by Utkarsh Pandey
- [Orbit Loader](https://21st.dev/@animbits/components/loaders-orbit.md) — by Animbits
- [SVG Clip Path Mask](https://21st.dev/@reuno-ui/components/svg-clip-path-mask.md) — by reuno-ui
- [Spinner](https://21st.dev/@hero_ui/components/heroui-spinner.md) — by Hero Ui
- [Plasma Veil Dot Loader](https://21st.dev/@zzzzshawn/components/dotm-circular-3.md) — by Shawn Silva
- [Phase Orb](https://21st.dev/@zzzzshawn/components/dotm-circular-6.md) — by Shawn Silva
- [Ripple](https://21st.dev/@loading-ui/components/ripple.md) — by Loading UI
- [Dual Arc](https://21st.dev/@loading-ui/components/dual-arc.md) — by Loading UI
- [Binary Bloom](https://21st.dev/@zzzzshawn/components/dotm-circular-10.md) — by Shawn Silva

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