https://github.com/SamSeenX/ComfyUI_SSBeforeAfterNode
This repository provides two powerful custom nodes for ComfyUI to create stunning before-and-after transition videos. These nodes are designed for visual comparisons, transformations, and creative effects, supporting both standard and depth map-based transitions.
https://github.com/SamSeenX/ComfyUI_SSBeforeAfterNode
Last synced: 3 months ago
JSON representation
This repository provides two powerful custom nodes for ComfyUI to create stunning before-and-after transition videos. These nodes are designed for visual comparisons, transformations, and creative effects, supporting both standard and depth map-based transitions.
- Host: GitHub
- URL: https://github.com/SamSeenX/ComfyUI_SSBeforeAfterNode
- Owner: SamSeenX
- Created: 2025-05-24T04:23:15.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2026-01-05T20:25:00.000Z (5 months ago)
- Last Synced: 2026-03-03T09:26:46.544Z (4 months ago)
- Language: Python
- Size: 27.3 KB
- Stars: 1
- Watchers: 0
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-comfyui - **ComfyUI_SSBeforeAfterNode** - and-after transition videos. These nodes are designed for visual comparisons, transformations, and creative effects, supporting both standard and depth map-based transitions. (Workflows (4207) sorted by GitHub Stars)
README
# ComfyUI SS Before After Node
[](LICENSE)
[]()
> Create stunning before-and-after transition videos directly in ComfyUI.
This repository provides two powerful custom nodes for ComfyUI to create stunning before-and-after transition videos. These nodes are designed for visual comparisons, transformations, and creative effects, supporting both standard and depth map-based transitions.
## ✨ Features
- 🔄 **SSBeforeAndAfterVideo** - Create videos with fade and wipe transitions between two images.
- 🌌 **Depth Map Support** - Create depth-aware transitions (SSBeforeAndAfterVideoWithDepthMap) for immersive effects.
- 🎬 **Customizable Output** - High-quality output with custom resolution, fps, feathering, and looping.
- ⚡ **FFmpeg Integration** - Robust video encoding.
- 📊 **Progress Tracking** - Built-in progress bar for frame generation.
## 🚀 Quick Start
### Prerequisites
- ComfyUI installed
- FFmpeg installed and available in system PATH
### Installation
1. Go to your ComfyUI custom nodes directory:
```bash
cd ComfyUI/custom_nodes
```
2. Clone this repository:
```bash
git clone https://github.com/SamSeenX/ComfyUI_SSBeforeAfterNode.git
```
3. Install dependencies:
```bash
pip install -r ComfyUI_SSBeforeAfterNode/requirements.txt
```
4. Restart ComfyUI.
### Basic Usage
1. Add the node **SSBeforeAndAfterVideo** or **SSBeforeAndAfterVideoWithDepthMap** to your workflow.
2. Connect your `before_image` and `after_image` inputs.
3. Configure parameters (transition type, duration, FPS).
4. Run the workflow.
## 📖 Documentation
### Node 1: SSBeforeAndAfterVideo
Creates before-and-after transition videos using classic fade and wipe effects.
**Parameters:**
- `transition_type`: fade, wipe_from_left, wipe_from_top, etc.
- `transition_duration`: 0.5 - 10.0 seconds.
- `feather`: Softness of the wipe edge (0.0 - 1.0).
### Node 2: SSBeforeAndAfterVideoWithDepthMap
Creates transitions using a depth map, revealing images based on depth (e.g., back-to-front).
**Parameters:**
- `depth_map`: Input depth map image.
- `transition_type`: back_to_front, front_to_back, middle_out.
- `easing_method`: Smoothness of the transition.
## 🏗️ Project Structure
```
ComfyUI_SSBeforeAfterNode/
├── ss_before_after_video.py # Basic node logic
├── ss_before_after_video_with_depth.py # Depth-aware node logic
├── requirements.txt # Python dependencies
└── README.md
```
## 🤝 Contributing
Contributions are welcome!
1. Fork the repository
2. Create your feature branch
3. Commit your changes
4. Push to the branch
5. Open a Pull Request
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## ☕ Support
If you find this project useful, please consider supporting me:
- ⭐ Starring this repository
- 🐛 Reporting issues
- ☕ [Buy me a coffee](https://buymeacoffee.com/samseen)
---
Created with ❤️ by [SamSeen](https://buymeacoffee.com/samseen)