A modern, fast, and secure tool to extract frames from videos directly in your browser. All processing is done client-side, ensuring your videos truly stay on your device.
- 100% Secure & Private: Client-side processing means your videos never leave your device.
- Offline Capable: Works completely without an internet connection after the first load.
- Flexible Extraction: Capture the current frame instantly or extract a sequence of frames based on custom settings.
- Bulk Download: Download all extracted frames as a ZIP archive or save them individually.
- Customization: Adjust output format (e.g., JPEG) and quality levels to suit your needs.
- Modern Interface: Built with a sleek, responsive design using Tailwind CSS and Radix UI.
- Video Player: Integrated player to preview and seek through your video for precise frame selection.
- SEO Optimizations: 100% scored.
- Framework: React + Vite
- Styling: Tailwind CSS
- Components: Radix UI
- Icons: Lucide React
- Utilities:
jszip,ffmpeg(optional/future) - PWA: Fully installable Progressive Web App with offline support via Service Workers
- Hooks: Custom hooks for online status detection (
useOnlineStatus)
-
Clone the repository:
git clone <repository-url> cd tick3r
-
Install dependencies:
bun install
-
Start the development server:
bun dev
-
Open your browser and visit
http://localhost:5173(or the port shown in your terminal).
src/components: UI components and feature-specific logic.editors: Video editing and frame selection interfaces.extract-frames: Components for managing frame extraction settings and results.upload-video: Components for handling video file input.ui: Reusable design system components (buttons, sliders, etc.).
src/pages: Application views.src/lib: Utility functions, hooks, and shared helpers.
bun dev: Start development server.bun run build: Build for production.bun run preview: Preview the production build locally.bun run lint: Run ESLint.bun run format: Run Prettier.
MIT