Dream UI
Introduction
These are full components. In my experience, that's how I work with AI. Instead of feeding one element at a time, I include entire files with multiple elements: titles, texts, buttons, functions, imports, etc. Under 500 lines of code.
Think of them as Claude Artifacts or v0 templates. They're hero sections, small apps, app demos, on-demand modals, animated visuals that can exist on their own. They like to avoid dependencies and spaghetti imports. The only libraries you'll need is React, Tailwind and Lucide.
Actually, if you ask Claude, you can transform them for any framework, to light or dark mode, any language and use any icon library.
So, have fun. Let AI do the work you don't like and focus on the stuff that you enjoy.
Sign In Modal
A customizable sign-in modal component with Google authentication and email/password options.
Dream
Night colors, starry skies, geometry
Futuristic, nostalgia, dark, trailing lights
Sign In to DreamCut
DreamCut is a brand new AI video editor and screen recorder that works right from your browser.
Tooltip
A customizable tooltip component with input field and submit button with a border beam animation.
Join Waitlist
First come, first serve. Get an invitation as soon as the app is available. Skip by becoming an early supporter.
Keyboard
An interactive keyboard visualization with shortcut highlighting.
Playback
- Toggle Play/PauseSpace
- Skip Backward←
- Skip Forward→
- Screen Record⌘ ⇧ 2
- Open Media ModalM
Adding Content
- Add TextT
- Add VideoV
- Add AudioF
- Text to SpeechA
- Add ImageI
Features
A dynamic feature showcase with timeline visualization and functional search filter.
Video Clip Cropping
Easily crop your video clips to focus on specific areas or remove unwanted portions of the frame.
Apr 9, 2025
Custom and Cloned Voices
Add custom and cloned voices using your own Eleven Labs API key for personalized voice-overs.
Apr 8, 2025
Clip-Specific Export
Export individual video clips instead of the entire video for more targeted output.
Mar 20, 2025
Advanced Audio Enhancement
Clean Audio feature with Studio Sound quality and Background Noise Removal capabilities.
Mar 16, 2025
Multi-Track Editing
Edit multiple video clips, audio layers, and captions simultaneously in a unified timeline.
Mar 12, 2025
AI Chat Multi-Edit
Enhanced AI Chat capabilities for managing edits across multiple tracks, clips, captions, and global settings.
Mar 12, 2025
Pricing Table
A dynamic pricing table with hover effects and feature comparisons.
Compare Plans
Free$0 | Pro$20 / month / user | Pro+$40 / month / user | |
|---|---|---|---|
Video | |||
| Projects | 3 Projects | Unlimited Projects | Unlimited Projects |
| Record & Export | ✓ | ✓ | ✓ |
| Quality | 1080p, High quality, 30 FPS | 4K, Perfect quality, 60 FPS | 4K, Perfect quality, 60 FPS |
| Recording Length | Up to 5 mins recordings | Unlimited recordings | Unlimited recordings |
| Clip Size | 10 MB video/audio clips | 500 MB video/audio clips | 1 GB video/audio clips |
| Storage | 500 MB storage | 50 GB storage | 100 GB storage |
| Export | Limited | Unlimited | Unlimited |
| Export GIF | - | ✓ | ✓ |
AI Tools | |||
| AI Voices | - | 120 mins per month | 240 mins per month |
| AI Features | - | 1,000,000 tokens per month | 2,000,000 tokens per month |
| Background Noise Removal | - | ✓ | ✓ |
| Transcription | - | ✓ | ✓ |
| Chat Assistant | - | ✓ | ✓ |
| Notes Generation | - | ✓ | ✓ |
| Image Generation | - | ~1000 images per month | ~2000 images per month |
| Video Generation | - | ~50 videos per month | ~100 videos per month |
Early Supporter | |||
| Early Access | - | ✓ | ✓ |
| 30% Off (During Early Access) | - | ✓ | ✓ |
| Slack Channel | - | ✓ | ✓ |
| DreamCut UI Kit & Code (WIP) | - | ✓ | ✓ |
| Development Tips with AI Apps | - | ✓ | ✓ |
FAQ
An interactive FAQ section with expandable questions and answers.
Frequently Asked Questions
Refunds are subject to a 5% processing fee and usage fees. For example, if you've used 10% of your tokens/voice, you'll be refunded for 85% of your payment.
This is done because we're completely self-funded and bootstrapped, and there are significant costs to the APIs and bandwidth.
You'll also be invited to view, use and get insights on some of the app UI components. Code is viewable on the site for visual components and features such as landing page elements, animations, video tools, AI tools, modals, etc. You can easily copy the code and ask Claude to rebuild for your product's codebase.
Additionally, you'll get access to a private Slack channel to ask questions, provide feedback and help shape the product roadmap in your specific use case. Your feature requests will be prioritized to ensure that we build the best product for you.
Chat Modal
An interactive chat modal with AI-powered responses and markdown support.
Chat with your Video AI Assistant
Hello! I'm here to assist you with script writing, answer questions about your video, and help with editing tasks.
Voice Modal
An interactive text-to-speech modal with AI-powered voice generation and playback controls.
AI Voice Generator
Select Voice
Carousel Card
An interactive carousel card showcasing AI models with detailed information and navigation controls.
AI Model Selection
FLUX.1 [schnell]
Fast Image Generation
Model Details
flux-schnell
The fastest model tailored for local development.
Capabilities:
- Rapid image generation
- Local development
- Open-source availability
- Integration with various platforms
These AI models power various features in our platform, enabling advanced content creation and editing capabilities.