douyin

github.com/zyronon/douyin TikTok Tools Open-source projectOpen source

Vue3 + Pinia 仿抖音,Vue 在移动端的最佳实践 . Imitate TikTok ,Vue Best practices on Mobile

github.com/zyronon/douyin
douyin homepage screenshot

About douyin

douyin is an open source project that imitates the mobile short-video interface of Douyin (TikTok). It is built with Vue 3, Pinia, and Vite 5, and is intended as a reference for building a mobile-style web app with Vue. The project's stated purpose is learning and research.

The project stores its data locally. It uses the axios-mock-adapter library to intercept API calls and return local JSON data, which simulates a real backend without requiring one. The video content comes from public Douyin creators and images from public Xiaohongshu notes, according to the README. The README states the project is for learning and research only and must not be used commercially. It is in early development, and the code is licensed under GPL.

Key features

  • Vue 3 and Pinia mobile-style short-video interface imitating Douyin and TikTok
  • Mock backend using axios-mock-adapter to return local JSON data
  • Carousel component example described in the project's write-up series
  • Vue route transition animations and conditional route caching examples
  • Responsive mobile layout using rem units and dynamic vh values
  • Deployment options listed for Vercel, Docker, and GitHub Pages
Best for: Front-end developers who want to study how to structure a mobile-style Vue 3 application with Pinia and Vite.
Good for
  • Open source under the GPL license, with the full source available on GitHub
  • Runs locally with a mock data layer, so no separate backend is described as required
  • Includes several deployment routes, including Vercel, Docker, and a GitHub Pages demo
Watch out for
  • The README states the project is for learning and research only and must not be used commercially
  • The project is described as being in early development, with new features still being added
  • Local development requires cloning with git, since the README says a downloaded zip cannot run

douyin at a glance

Type
Open-source project
Pricing
Not confirmed. Check the site
Open source
Yes · Source code
Language
English
Last checked
Oct 6, 2026 · Online when checked
Listed
Oct 5, 2026

douyin alternatives

Tools and sites you could use instead, ranked by how closely they match.

All 24 alternatives

Popular in TikTok Tools

Well-known listings from the same topic.

All 68

douyin FAQ

Can this project be used commercially?
No. The README states the project is for learning and research only and must not be used for commercial purposes.
Why does the project need to be cloned with git?
The README says it must be cloned with git commands to run, and that downloading the zip package will not work.
How do I preview the app in a desktop browser?
The README says to switch the browser to mobile mode by opening the console with F12 and pressing Ctrl+Shift+M.
Is something wrong or out of date?

Tell us and an editor will check it.

Own this website?

Claim the listing and suggest updates yourself. An editor checks every claim first.

Claim this listing