# macOS components

> Bring a macOS-inspired look to your React and Next.js apps with 4 sleek Tailwind CSS components capturing the essence of Apple's UI.

44 components available. Showing all of them below.

- [Liquid Glass](https://21st.dev/@suraj-xd/components/liquid-glass.md) — by Suraj Gaud
- [Dock](https://21st.dev/@ibelick/components/dock.md) — by Julien Thibeaut
- [Dock](https://21st.dev/@anurag-mishra22/components/dock-two.md) — by Anurag Mishra
- [macOS Dock](https://21st.dev/@dhmnpunit/components/mac-os-dock.md) — by briidgedotone
- [Dock](https://21st.dev/@ruixen.ui/components/dock.md) — by Ruixen UI
- [Interactive Folder Gallery](https://21st.dev/@alexperezcedeno/components/interactive-folder-gallery.md) — by uithefactory
- [Dock Tabs](https://21st.dev/@designali-in/components/dock-tabs.md) — by Ali Imam
- [Minimal Dock](https://21st.dev/@jatin-yadav05/components/minimal-dock.md) — by Jatin Yadav
- [Dock](https://21st.dev/@dillionverma/components/dock.md) — by Dillion Verma
- [Dock](https://21st.dev/@lyanchouss/components/dock.md) — by Liana Pepanyan
- [Browser Preview](https://21st.dev/@aghasisahakyan1/components/browser-preview.md) — by Erik X
- [dock](https://21st.dev/@badtzx0/components/dock.md) — by badtz
- [Apple Spotlight](https://21st.dev/@samitkapoor/components/apple-spotlight.md) — by Samit Kapoor
- [ScreenTimeCard](https://21st.dev/@itsankitverma/components/screen-time-card.md) — by Ankit Verma
- [Apple Dock](https://21st.dev/@shadcnspace/components/apple-dock.md) — by ShadcnSpace
- [DockMorph](https://21st.dev/@ruixen.ui/components/dock-morph.md) — by Ruixen UI
- [MacOS Menu Bar](https://21st.dev/@dhmnpunit/components/mac-os-menu-bar.md) — by briidgedotone
- [Gooey Dock](https://21st.dev/@ruixen.ui/components/gooey-dock.md) — by Ruixen UI
- [Animated 3D MacBook Air](https://21st.dev/@easemize/components/animated-3d-mac-book-air.md) — by Hossain Jahed
- [Safari](https://21st.dev/@ruixen.ui/components/safari-01.md) — by Ruixen UI
- [Macbook Pro](https://21st.dev/@designali-in/components/macbook-pro.md) — by Ali Imam
- [Safari](https://21st.dev/@designali-in/components/safari.md) — by Ali Imam
- [Dock](https://21st.dev/@cult-ui/components/dock.md) — by cult/ui
- [Download Options Section](https://21st.dev/@ravikatiyar162/components/download-options-section.md) — by Ravi Katiyar
- [Keyboard](https://21st.dev/@designali-in/components/keyboard.md) — by Ali Imam
- [MacOS dock](https://21st.dev/@n38693842/components/mac-os-dock.md) — by aayushhhh_here
- [Safari](https://21st.dev/@dillionverma/components/safari.md) — by Dillion Verma
- [Dynamic Island](https://21st.dev/@cult-ui/components/dynamic-island.md) — by cult/ui
- [Macbook Keyboard](https://21st.dev/@kaif-ui/components/macbook-keyboard.md) — by Kaif UI
- [File System (Finder)](https://21st.dev/@extend-hq/components/file-system.md) — by extend-hq
- [Browser](https://21st.dev/@designali-in/components/browser.md) — by Ali Imam
- [Apple Color Picker](https://21st.dev/@pulseawan/components/apple-color-picker.md) — by Muhammad Asif
- [Mac](https://21st.dev/@designali-in/components/mac.md) — by Ali Imam
- [MacOS Animated Shortcut Keyboard](https://21st.dev/@minhxthanh/components/mac-os-animated-shortcut-keyboard.md) — by Le Thanh
- [LegionWebDev](https://21st.dev/@LegionWebDev/components/legion-web-dev.md) — by Legion Dev
- [Floating Dock](https://21st.dev/@manuarora700/components/floating-dock.md) — by Manu Arora
- [Camera Permission Request Card](https://21st.dev/@ahmedmayara/components/camera-permission-request-card.md) — by Ahmed Mayara
- [Code Snippet](https://21st.dev/@beratberkayg/components/code-snippet.md) — by beratberkay
- [Magic Keyboard Component](https://21st.dev/@muhammad-binsalman/components/magic-keyboard-component.md) — by M.bin Salman
- [Dock](https://21st.dev/@saurabh10102/components/dock.md) — by Saurabh Chauhan
- [Dock Nav](https://21st.dev/@soralabs/components/dock-nav.md) — by Sora UI
- [Animated Keyboard](https://21st.dev/@badtzx0/components/animated-keyboard.md) — by badtz
- [Magnetic Dock](https://21st.dev/@componentry/components/magnetic-dock.md) — by Componentry
- [Magnetic Cursor Dock](https://21st.dev/@pulkitxm/components/magnetic-cursor-dock.md) — by Pulkit

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