git404hub

what is douyin fr?

zyronon/douyin — explained in plain English

Analysis updated 2026-06-24

11,443VueAudience · developerComplexity · 3/5LicenseSetup · easy

tl;dr

A web app built with Vue 3 that recreates TikTok's vertically scrolling short-video feed in a browser, created as a learning and research project showing how to build smooth mobile-style interfaces.

vibe map

mindmap
  root((douyin))
    What it does
      TikTok clone
      Vertical scroll feed
      Mobile browser layout
    Tech stack
      Vue 3
      Vite
      Pinia
    Features
      Infinite scroll
      Route caching
      Page animations
    Setup
      Local dev
      Vercel deploy
      Docker

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Clone this repo to learn how to build a TikTok-style vertically scrolling video feed in a browser.

VIBE 2

Use it as a starting point to prototype a short-video app for a side project or portfolio piece.

VIBE 3

Study the route caching and animation techniques to apply to your own Vue 3 projects.

what's the stack?

Vue 3VitePiniaJavaScriptaxios-mock-adapter

how it stacks up fr

zyronon/douyinbastienwirtz/homerchaitin/xray
Stars11,44311,34211,557
LanguageVueVueVue
Setup difficultyeasyeasyeasy
Complexity3/52/52/5
Audiencedeveloperops devopsops devops

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 30min

Desktop browsers need mobile emulation mode enabled to see the correct layout.

GPL license, free to use and modify for personal and educational purposes, but not for commercial use, any derived works must also be open-source.

in plain english

Douyin-Vue is a web application that recreates the look and feel of TikTok (known as Douyin in China) for mobile browsers. It is built as a learning and research project to demonstrate how to build a smooth, vertically scrolling short-video feed using modern web tools. The project uses Vue 3, a JavaScript framework for building web interfaces, along with Vite for fast development builds and Pinia for managing application state. The video data is stored locally within the project rather than connecting to a real server, and a library called axios-mock-adapter intercepts network calls and returns that local data, simulating a real backend. Features include the infinite vertical swipe scroll familiar from TikTok, page transition animations, conditional route caching (so previously visited pages load instantly, like navigating a traditional news site), and mobile-responsive layout using dynamic sizing techniques. The project also comes with a series of companion articles walking through how each feature was built. It can be run locally by cloning the repository and running a few commands, or deployed quickly to platforms like Vercel or Docker. When running on a desktop computer, you need to switch the browser into mobile emulation mode to see the correct layout. The project is licensed under GPL and is strictly for learning and research purposes, not commercial use. The video content shown in the demo comes from real public TikTok creators and images from a public social platform.

prompts (copy fr)

prompt 1
I have a Vue 3 app. Show me how to implement an infinite vertical swipe scroll like TikTok using Vue Router and Pinia for state management.
prompt 2
Help me add page transition animations to a Vue 3 app similar to TikTok's feed transitions.
prompt 3
Using douyin-vue as a reference, explain how axios-mock-adapter can simulate a real backend with local video data in a Vue project.
prompt 4
How do I configure conditional route caching in Vue 3 so previously visited pages load instantly without hitting the server again?

Frequently asked questions

what is douyin fr?

A web app built with Vue 3 that recreates TikTok's vertically scrolling short-video feed in a browser, created as a learning and research project showing how to build smooth mobile-style interfaces.

What language is douyin written in?

Mainly Vue. The stack also includes Vue 3, Vite, Pinia.

What license does douyin use?

GPL license, free to use and modify for personal and educational purposes, but not for commercial use, any derived works must also be open-source.

How hard is douyin to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is douyin for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.