# File components

> Browse 15 File components for React, styled with Tailwind CSS and ready for your Next.js project.

48 components available. Showing all of them below.

- [File Card Collections](https://21st.dev/@urmauur/components/file-card-collections.md) — by Faisal Amir
- [The Item one](https://21st.dev/@felipemenezes098/components/the-item-one/items-popover.md) — by felipemenezes098
- [Gooey Filter](https://21st.dev/@danielpetho/components/gooey-filter/tabs.md) — by Daniel Petho
- [Filesystem Item](https://21st.dev/@builduilabs/components/filesystem-item.md) — by Build UI
- [Tree View](https://21st.dev/@preetsuthar17/components/tree-view.md) — by Preet Suthar
- [Folder Interaction](https://21st.dev/@0xUrvish/components/folder-interaction.md) — by 0xUrvish
- [File Tree](https://21st.dev/@dillionverma/components/file-tree.md) — by Dillion Verma
- [Dialog](https://21st.dev/@sshahaider/components/dialog/search.md) — by Efferd
- [Tree](https://21st.dev/@originui/components/tree/basic-tree-with-icons.md) — by Origin UI
- [Tree](https://21st.dev/@originui/components/tree/file-editor-with-drag-and-drop.md) — by Origin UI
- [BeUI File Upload](https://21st.dev/@saurabh10102/components/be-ui-file-upload.md) — by Saurabh Chauhan
- [Folder](https://21st.dev/@ravikatiyar162/components/folder.md) — by Ravi Katiyar
- [File Attachment](https://21st.dev/@serafimcloud/components/file-attachment.md) — by Serafim
- [Folder Card](https://21st.dev/@ravikatiyar162/components/folder-card.md) — by Ravi Katiyar
- [File Upload](https://21st.dev/@anubra266/components/file-upload-1/files-table-upload.md) — by Abraham
- [File Upload](https://21st.dev/@anubra266/components/file-upload-1/files-list-upload.md) — by Abraham
- [Sortable](https://21st.dev/@sean0205/components/sortable.md) — by Sean Hello
- [Progress Card](https://21st.dev/@kavikatiyar/components/progress-card.md) — by Kavi Katiyar
- [Tree](https://21st.dev/@haydenbleasel/components/tree.md) — by Hayden Bleasel
- [Tree](https://21st.dev/@haydenbleasel/components/tree/simple-tree.md) — by Hayden Bleasel
- [File Attachment](https://21st.dev/@serafimcloud/components/file-attachment/removable.md) — by Serafim
- [File System (Finder)](https://21st.dev/@extend-hq/components/file-system.md) — by extend-hq
- [FileUpload](https://21st.dev/@flower0wine/components/file-upload.md) — by 花间酒
- [Sortable](https://21st.dev/@sean0205/components/sortable/grid.md) — by Sean Hello
- [File Attachment](https://21st.dev/@serafimcloud/components/file-attachment/image-only.md) — by Serafim
- [Code block](https://21st.dev/@ayushmxxn_c278bc2d/components/code-block.md) — by Ayushmaan Singh
- [File Upload](https://21st.dev/@sean0205/components/file-upload/table-upload.md) — by Sean Hello
- [FileTree](https://21st.dev/@ruixen.ui/components/file-tree-1.md) — by Ruixen UI
- [FileTree](https://21st.dev/@ruixen.ui/components/file-tree.md) — by Ruixen UI
- [Table \[react-aria-components\]](https://21st.dev/@jolbol1/components/table.md) — by James Shopland
- [Table](https://21st.dev/@jolbol1/components/table-2.md) — by James Shopland
- [Tree Node Tooltip](https://21st.dev/@ruixen.ui/components/tree-node-tooltip.md) — by Ruixen UI
- [Simple Code Block](https://21st.dev/@maxim.bort.devel/components/simple-code-block.md) — by Maxim Bortnikov
- [File Transfer Card](https://21st.dev/@ravikatiyar162/components/file-transfer-card.md) — by Ravi Katiyar
- [Download Toast](https://21st.dev/@ravikatiyar162/components/download-toast.md) — by Ravi Katiyar
- [File upload](https://21st.dev/@shailendrakumar19999/components/file-upload.md) — by Shailendra
- [Tree](https://21st.dev/@sean0205/components/tree/plus-minus.md) — by Sean Hello
- [Shared Files](https://21st.dev/@ravikatiyar162/components/shared-files.md) — by Ravi Katiyar
- [Task](https://21st.dev/@vercel-crawled/components/task.md) — by Vercel
- [The Item one](https://21st.dev/@felipemenezes098/components/the-item-one/file-list.md) — by felipemenezes098
- [GlowTree](https://21st.dev/@ruixen.ui/components/glow-tree.md) — by Ruixen UI
- [Tree View](https://21st.dev/@anubra266/components/tree-view.md) — by Abraham
- [Tree View](https://21st.dev/@anubra266/components/tree-view/async-loading-tree.md) — by Abraham
- [Scroll Area File Explorer](https://21st.dev/@shadcnspace/components/scroll-area-01.md) — by ShadcnSpace
- [File Thumbnail](https://21st.dev/@extend-hq/components/file-thumbnail.md) — by extend-hq
- [File Trigger](https://21st.dev/@intentui/components/file-trigger.md) — by Intent UI
- [Upload Multiple Files](https://21st.dev/@utilcn/components/upload-multiple-files.md) — by utilcn
- [Download File Button](https://21st.dev/@utilcn/components/download-file.md) — by utilcn

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