🎵 Slowtik - TikTok Downloader

A modern, fast, and free TikTok video & image downloader web application built with Next.js 14, TypeScript, and Tailwind CSS.

📋 Overview

Slowtik is a free and open-source web application that allows users to download TikTok videos, images, and audio files without watermarks. Built with modern web technologies, it provides a fast, responsive, and user-friendly interface for downloading TikTok content.

Live Demo: Visit Slowtik

✨ Key Features

• 🎥 Video Download - Download TikTok videos in MP4 format without watermarks
• 📸 Image Download - Download TikTok photo posts (carousel/slideshow)
• 🎵 Audio Extraction - Extract and download audio/music from TikTok videos as MMP
• 📱 Responsive Design - Works seamlessly on desktop, tablet, and mobile devices
• 🌙 Modern UI - Beautiful gradient design with smooth animations
• 📊 Download History - Keep track of your downloaded content (stored locally)
• ⚡ Fast Processing - Quick video processing and download
• 🔒 Privacy Focused - No data stored on servers, all history saved locally
• 🆓 Completely Free - No subscriptions, no hidden fees

🚀 Tech Stack

• Framework: Next.js 14 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Animations: Framer Motion
• Icons: Lucide React
• API: TikMate API (external)

📦 Installation

Prerequisites

• Node.js 18+ or later
• npm, yarn, or pnpm package manager

Clone the Repository

git clone https://github.com/slowlyh/Slowtik.git
cd Slowtik

Install Dependencies

Using npm:

npm install

Using yarn:

yarn install

Using pnpm:

pnpm install

🏃 Running the Application

Development Mode

Start the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 in your browser to see the application.

Production Build

Build the application for production:

npm run build
# or
yarn build

Production Server

Run the production server:

export PORT=3000
npm run start
# or
export PORT=${SERVER_PORT} && npm run start

You can customize the port by changing the PORT environment variable:

export PORT=8080 && npm run start

📁 Project Structure

Slowtik/
├── app/                          # Next.js App Router
│   ├── api/                      # API Routes
│   │   └── tiktok/
│   │       └── route.ts          # TikTok download API endpoint
│   ├── fonts/                    # Custom fonts
│   ├── favicon.ico               # Favicon
│   ├── globals.css               # Global styles
│   ├── layout.tsx                # Root layout
│   └── page.tsx                  # Home page (main downloader)
│
├── components/                   # React components
│   ├── ui/                       # shadcn/ui components
│   │   ├── alert.tsx
│   │   ├── badge.tsx
│   │   ├── button.tsx
│   │   ├── card.tsx
│   │   ├── dialog.tsx
│   │   ├── input.tsx
│   │   ├── toast.tsx
│   │   ├── toaster.tsx
│   │   ├── tooltip.tsx
│   │   └── use-toast.ts
│   ├── navbar.tsx                # Navigation bar component
│   ├── result-buttons.tsx        # Download result buttons
│   ├── result-card.tsx           # Download history card
│   └── video-preview-modal.tsx   # Video preview modal
│
├── hooks/                        # Custom React hooks
│   └── use-download-history.ts   # Download history management hook
│
├── lib/                          # Utility libraries
│   └── utils.ts                  # Helper functions
│
├── public/                       # Static assets
│   └── ...
│
├── .eslintrc.json               # ESLint configuration
├── .gitignore                   # Git ignore file
├── components.json              # shadcn/ui configuration
├── next.config.js               # Next.js configuration
├── package.json                 # Project dependencies
├── postcss.config.mjs           # PostCSS configuration
├── tailwind.config.ts           # Tailwind CSS configuration
├── tsconfig.json                # TypeScript configuration
└── README.md                    # Project documentation

🎯 Features in Detail

Video Download

• Supports standard TikTok video posts
• Downloads without watermark
• Multiple quality options (SD/HD)

Image Download

• Supports TikTok photo carousels/slideshows
• Downloads all images in a post
• High-quality image preservation

Audio Extraction

• Extract audio from any TikTok video
• MP3 format output
• Preserves original audio quality

Download History

• Automatically saves download history
• Stored locally in browser (localStorage)
• Easy access to previously downloaded content
• Delete individual items or clear all history

🔒 Privacy & Security

• No Server Storage: Videos and images are not stored on our servers
• Local History: Download history is saved only in your browser
• No Tracking: We don't track or collect user data
• Open Source: Full transparency - review the code yourself

🤝 Contributing

Contributions are welcome! Here's how you can help:

1. Fork the repository
2. Create your feature branch

   git checkout -b feature/AmazingFeature

3. Commit your changes

   git commit -m 'Add some AmazingFeature'

4. Push to the branch

   git push origin feature/AmazingFeature

5. Open a Pull Request

🐛 Bug Reports

Found a bug? Please open an issue with:

• Clear description of the bug
• Steps to reproduce
• Expected vs actual behavior
• Screenshots (if applicable)
• Browser/device information

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

⚠️ Disclaimer

This tool is for personal use only. Please respect content creators' rights and TikTok's Terms of Service. Do not use downloaded content for commercial purposes without permission from the original creator.

🙏 Acknowledgments

• Next.js - The React Framework
• Tailwind CSS - Utility-first CSS framework
• shadcn/ui - Re-usable components
• Framer Motion - Animation library
• TikMate API - TikTok media extraction

📧 Contact

• GitHub: @slowlyh
• Repository: Slowtik

---

Made with ❤️ by slowlyh