WebDav-UI

Modern WebDAV-powered file management, reimagined for the web

Transform how you interact with your files

Experience a powerful, browser-based file explorer built on Next.js and WebDAV. Navigate folder hierarchies with an intuitive tree view, preview rich media and documents without downloading, edit text files inline with autosave, and manage your contentβ€”all from any device with a modern web browser.

Enter the name of your configured WebDAV share to begin exploring

πŸ“ Documents
πŸ“ Media
πŸ“ Projects
πŸ“ Archives
πŸ“„ Presentation.pdf
πŸ“Š Analytics.xlsx
🎬 Demo.mp4
πŸ“ README.md
πŸ–ΌοΈ Banner.png

Powerful Features for Modern File Management

🌲

Hierarchical Navigation

Explore your directory structure with a responsive tree view and breadcrumb navigation

πŸ‘οΈ

Rich Media Previews

View images, videos (HLS streaming), audio, PDFs, Office docs, and code with syntax highlighting

✏️

Inline Text Editing

Edit text and code files directly in the browser with auto-save to WebDAV

πŸ“€

File Operations

Upload multiple files, batch delete, and manage content without page reloads

πŸ”

Secure Authentication

Login-protected actions with session management for secure file operations

πŸ“±

Fully Responsive

Optimized for desktop and mobile with adaptive layouts and touch-friendly controls

🎨

Theme Support

Switch between light and dark modes with smooth transitions and custom styling

⚑

Next.js Performance

Built on Next.js 16 with React 19, TypeScript, and modern web standards

Built with Modern Technology

WebDav-UI leverages cutting-edge web technologies to deliver a seamless experience. Powered by Next.js 16 with the App Router, React 19, and TypeScript, it provides type-safe, server-rendered performance. Rich previews are enabled through specialized libraries including react-pdf, react-syntax-highlighter, and docx-preview, while FFmpeg handles media transcoding for adaptive streaming.

Next.js 16React 19TypeScriptWebDAVSCSS ModulesHLS Streaming

Get Started in Seconds

1

Access Your Share

Enter the name of your WebDAV share in the input field above and click "Launch Explorer"

2

Navigate Intuitively

Use the tree view sidebar or file list to browse directories and locate your content

3

Preview & Manage

Click files to preview them in-browser, upload new content, or edit text files inline with autosave