# Settings components > Browse 22 Settings components for React, styled with Tailwind CSS and ready for your Next.js project. 86 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/settings. - [Glass Account Settings Card](https://21st.dev/@moumensoliman/components/glass-account-settings-card-shadcnui.md) — by Moumen Soliman - [Account Settings](https://21st.dev/@sshahaider/components/account-settings.md) — by Efferd - [Dashboard Configuration](https://21st.dev/@dgearsonu1/components/dashboard-configuration.md) — by Sonu Kumar - [Login Card](https://21st.dev/@arihantcodes_1f7b8c4d/components/login-card-1/quick-settings-card.md) — by Arihant jain - [Login Card](https://21st.dev/@arihantcodes_1f7b8c4d/components/login-card-1/settings-card.md) — by Arihant jain - [settings](https://21st.dev/@ln-dev7/components/settings.md) — by LN - [The Item one](https://21st.dev/@felipemenezes098/components/the-item-one/settings-row-item.md) — by felipemenezes098 - [Accordion](https://21st.dev/@originui/components/accordion/w-icon-sub-header-and-chevron.md) — by Origin UI - [Accordion](https://21st.dev/@originui/components/accordion/w-icon-sub-header-and-plus-minus.md) — by Origin UI - [Accordion](https://21st.dev/@originui/components/accordion/w-sub-header-and-plus-minus.md) — by Origin UI - [Accordion](https://21st.dev/@originui/components/accordion/w-sub-header-and-chevron.md) — by Origin UI - [User Dropdown](https://21st.dev/@aymanch-03/components/user-dropdown.md) — by Ayman Echakar - [Docks](https://21st.dev/@ruixen.ui/components/docks.md) — by Ruixen UI - [Theme Switch](https://21st.dev/@lyanchouss/components/theme-switch/theme-switch-with-label.md) — by Liana Pepanyan - [Tabs](https://21st.dev/@mynaui/components/tabs/with-card.md) — by shadcn - [Tabs](https://21st.dev/@shadcn/components/tabs.md) — by shadcn - [Form Layout](https://21st.dev/@ephraimduncan/components/form-layout/form-sections-with-side-labels.md) — by Ephraim Duncan - [Form Layout](https://21st.dev/@ephraimduncan/components/form-layout/form-sections-with-checkbox-settings.md) — by Ephraim Duncan - [Select](https://21st.dev/@geekles007/components/select.md) — by Geekles - [Profile Dropdown](https://21st.dev/@kokonutd/components/profile-dropdown.md) — by Kokonut Baffier - [Dialog](https://21st.dev/@sshahaider/components/dialog/quick-settings.md) — by Efferd - [Tabs](https://21st.dev/@sean0205/components/tabs/size-medium.md) — by Sean Hello - [Tabs](https://21st.dev/@sean0205/components/tabs/size-large.md) — by Sean Hello - [Tabs](https://21st.dev/@sean0205/components/tabs/size-small.md) — by Sean Hello - [Tabs](https://21st.dev/@sean0205/components/tabs/line.md) — by Sean Hello - [Video Player Pro](https://21st.dev/@ruixen.ui/components/video-player-pro.md) — by Ruixen UI - [Theme Toggle](https://21st.dev/@campsite/components/theme-toggle.md) — by Campsite - [Animated Tabs](https://21st.dev/@skyleen77/components/animated-tabs.md) — by Elliot Sutton - [Switch](https://21st.dev/@jshguo/components/interfaces-switch/with-form.md) — by jshguo - [Tabs Component](https://21st.dev/@anubra266/components/tabs-component/tabs-stack-w-icons.md) — by Abraham - [Matrix code rain](https://21st.dev/@waleedkibhen/components/matrix-code-rain.md) — by wisedev - [checkbox 02](https://21st.dev/@avanishverma4/components/checkbox-02.md) — by Awanish Verma - [Cookie Consent](https://21st.dev/@bankkroll/components/cookie-consent.md) — by Bankk - [The Dialog](https://21st.dev/@felipemenezes098/components/the-dialog/settings-sections.md) — by felipemenezes098 - [Animated Modal](https://21st.dev/@mlshv/components/animated-modal.md) — by Misha - [Profile Dropdown](https://21st.dev/@arihantcodes_1f7b8c4d/components/profile-dropdown.md) — by Arihant jain - [Menu](https://21st.dev/@coss.com/components/menu/with-switch.md) — by coss - [Switch](https://21st.dev/@micka_design/components/switch/group.md) — by micka_design - [RuixenMenuOptions](https://21st.dev/@ruixen.ui/components/ruixen-menu-options.md) — by Ruixen UI - [Switch](https://21st.dev/@coss.com/components/switch/card-style.md) — by coss - [Switch](https://21st.dev/@coss.com/components/switch/with-description.md) — by coss - [Flexnative Tabs](https://21st.dev/@felipemenezes098/components/flexnative-tabs/vertical-line.md) — by felipemenezes098 - [Login Card](https://21st.dev/@arihantcodes_1f7b8c4d/components/login-card-1/theme-switcher.md) — by Arihant jain - [Flexnative Tabs](https://21st.dev/@felipemenezes098/components/flexnative-tabs/with-icons.md) — by felipemenezes098 - [Switch](https://21st.dev/@anubra266/components/switch-1/switch-in-card-icon.md) — by Abraham - [Switch](https://21st.dev/@anubra266/components/switch-1/switch-in-card.md) — by Abraham - [Popover](https://21st.dev/@anubra266/components/popover-1/settings-popover.md) — by Abraham - [Flexnative Tabs](https://21st.dev/@felipemenezes098/components/flexnative-tabs-more.md) — by felipemenezes098 - [Popover](https://21st.dev/@jolbol1/components/popover-1.md) — by James Shopland - [Form](https://21st.dev/@ephraimduncan/components/form-1.md) — by Ephraim Duncan - [Switch](https://21st.dev/@ShadcnStudio/components/switch-1/switch-eighteen.md) — by ShadcnStudio - [Checkbox](https://21st.dev/@ShadcnStudio/components/checkbox-1/checkbox-thirteen.md) — by ShadcnStudio - [Field](https://21st.dev/@shadcn/components/field-1/field-group.md) — by shadcn - [Switch](https://21st.dev/@ShadcnStudio/components/switch-1/switch-seventeen.md) — by ShadcnStudio - [Switch](https://21st.dev/@ShadcnStudio/components/switch-1/switch-sixteen.md) — by ShadcnStudio - [Switch](https://21st.dev/@ShadcnStudio/components/switch-1/switch-fiftheen.md) — by ShadcnStudio - [Flexnative Tabs](https://21st.dev/@felipemenezes098/components/flexnative-tabs-more/icon-with-title.md) — by felipemenezes098 - [indevuiSwitch](https://21st.dev/@ln-dev7/components/indevui-switch.md) — by LN - [NestedTabs](https://21st.dev/@ruixen.ui/components/nested-tabs.md) — by Ruixen UI - [Tabs 6](https://21st.dev/@deltacomponents/components/tabs-6.md) — by deltacomponents Full component directory: https://21st.dev/llms.txt