# Smooth components

> Experience smooth transitions and animations with 7 React components that use Tailwind CSS for fluid, polished UI interactions.

16 components available. Showing all of them below.

- [Hero section with smooth bg Shader](https://21st.dev/@moazamtrade/components/hero-section-with-smooth-bg-shader.md) — by shadway
- [Shaders Hero Section](https://21st.dev/@vaib215/components/shaders-hero-section.md) — by Vaibhav Kumar Singh
- [Login Form](https://21st.dev/@minhxthanh/components/login-form.md) — by Le Thanh
- [Gallery Animation](https://21st.dev/@n38693842/components/gallery-animation.md) — by aayushhhh_here
- [Fluid Dropdown](https://21st.dev/@koustubhayadiyala36/components/fluid-dropdown.md) — by Kousthubha Yadiyala
- [Progress](https://21st.dev/@jshguo/components/interfaces-progress.md) — by jshguo
- [Cursor Follower](https://21st.dev/@uilayout.contact/components/cursor-follower.md) — by UI Layouts
- [Progress](https://21st.dev/@jshguo/components/interfaces-progress/steps.md) — by jshguo
- [Loader](https://21st.dev/@ravikatiyar162/components/loader-13.md) — by Ravi Katiyar
- [Switch](https://21st.dev/@micka_design/components/switch/group.md) — by micka_design
- [Switch](https://21st.dev/@micka_design/components/switch.md) — by micka_design
- [Smooth Cursor](https://21st.dev/@dillionverma/components/smooth-cursor.md) — by Dillion Verma
- [Table](https://21st.dev/@micka_design/components/table.md) — by micka_design
- [Accordion](https://21st.dev/@micka_design/components/accordion/multiple.md) — by micka_design
- [Scroll Animation](https://21st.dev/@saurabh10102/components/scroll-animation.md) — by Saurabh Chauhan
- [Smooth Button](https://21st.dev/@educlopez/components/smooth-button.md) — by Edu Calvo

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