awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
zyronon avatar

zyronon/douyin

0
View on GitHub↗
11,473 stars·3,095 forks·Vue·GPL-3.0·6 viewsdy.2study.top↗

Douyin

This project is a mobile-first web interface built with Vue 3 that replicates the layout and interaction patterns of a short-form video platform. It is designed as a responsive web application focused on high-performance mobile rendering and short-video workflows.

The application features a vertical video carousel with infinite scrolling and a vertical-slide view orchestration system for seamless content playback. It employs a responsive layout using viewport-relative units to ensure consistent rendering across various mobile screen sizes and aspect ratios.

The project incorporates Pinia for centralized state management and uses routed view state caching to preserve scroll positions and content during navigation. Development is supported by an intercept-based mock backend that simulates server responses using local JSON data.

The application is delivered as a dockerized Vue application using multi-stage container packaging for consistent deployment across different hardware architectures.

Features

  • Video Interfaces - Provides a mobile-optimized web interface designed specifically for browsing and interacting with short-form video content.
  • Short-Form Video Feed Workflows - A set of layouts and interactions in the project that replicates the mobile experience of a short-form video platform.
  • Mobile-Compatible Web Apps - Builds a responsive web application with interaction patterns and layouts optimized specifically for mobile devices.
  • Infinite Scroll Components - Implements a continuous vertical scroll component that loads and plays videos sequentially.
  • Vertical Slide Stacks - Implements a vertical sliding mechanism to orchestrate a continuous sequence of video components.
  • Responsive Layout Adapters - Uses dynamic viewport-relative units to automatically adjust interface dimensions across various mobile screen sizes.
  • Responsive Layout Scaling - Uses viewport-relative units to scale the interface proportionally across various mobile screen sizes and aspect ratios.
  • Component-Based Architectures - Utilizes a reactive component architecture with a virtual DOM for efficient rendering on mobile devices.
  • Centralized State Management - Employs a centralized store via Pinia to synchronize video state and user preferences across the application.
  • Mobile Optimized - Implements UI components and layouts specifically tuned for mobile web environments and touch interfaces using Vue.
  • Route State Caching - Preserves the state of visited pages in memory to eliminate full reloads during navigation.
  • Example Applications - Mobile-focused TikTok clone for best practices.

Star history

Star history chart for zyronon/douyinStar history chart for zyronon/douyin

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does zyronon/douyin do?

This project is a mobile-first web interface built with Vue 3 that replicates the layout and interaction patterns of a short-form video platform. It is designed as a responsive web application focused on high-performance mobile rendering and short-video workflows.

What are the main features of zyronon/douyin?

The main features of zyronon/douyin are: Video Interfaces, Short-Form Video Feed Workflows, Mobile-Compatible Web Apps, Infinite Scroll Components, Vertical Slide Stacks, Responsive Layout Adapters, Responsive Layout Scaling, Component-Based Architectures.

What are some open-source alternatives to zyronon/douyin?

Open-source alternatives to zyronon/douyin include: marmelab/react-admin — React-admin is a framework for building data-driven administrative interfaces that connect to REST or GraphQL… yulimchen/vue3-h5-template — This project is a pre-configured foundation for building mobile-responsive web applications using Vue 3 and Vite. It… tiangolo/uvicorn-gunicorn-fastapi-docker — This project is a production-ready Docker deployment template for FastAPI applications. It provides a standardized… kdchang/reactjs101 — This project is a comprehensive instructional resource and tutorial guide for learning React and the broader frontend… vuejs/v2.vuejs.org — This is the comprehensive documentation website for the Vue 2 progressive JavaScript framework. It serves as a… youzan/vant — Vant is a mobile UI library and component framework for Vue, providing a collection of lightweight, reusable interface…

Open-source alternatives to Douyin

Similar open-source projects, ranked by how many features they share with Douyin.
  • marmelab/react-adminmarmelab avatar

    marmelab/react-admin

    26,780View on GitHub↗

    React-admin is a framework for building data-driven administrative interfaces that connect to REST or GraphQL backends. It provides a comprehensive suite of tools for managing the full lifecycle of administrative applications, including resource-oriented routing, declarative form scaffolding, and context-driven state management. By utilizing a modular adapter-based architecture, the framework abstracts backend communication, allowing developers to build consistent CRUD interfaces that handle data fetching, authentication, and synchronization automatically. The project distinguishes itself thr

    TypeScriptadminadmin-dashboardadmin-on-rest
    View on GitHub↗26,780
  • yulimchen/vue3-h5-templateyulimchen avatar

    yulimchen/vue3-h5-template

    1,520View on GitHub↗

    This project is a pre-configured foundation for building mobile-responsive web applications using Vue 3 and Vite. It provides a production-ready scaffold that integrates essential development tools, component libraries, and build-time optimizations to accelerate the creation of mobile interfaces. The framework distinguishes itself through automated asset and configuration management, including the automatic registration of UI components and the conversion of SVG files into reusable components. It features built-in support for responsive design by automatically transforming pixel-based CSS uni

    Vueappdemoeruda
    View on GitHub↗1,520
tiangolo/uvicorn-gunicorn-fastapi-dockertiangolo avatar

tiangolo/uvicorn-gunicorn-fastapi-docker

2,909View on GitHub↗

This project is a production-ready Docker deployment template for FastAPI applications. It provides a standardized Python web application container that integrates Uvicorn as the ASGI server and Gunicorn as the process manager to handle concurrent requests across multiple CPU cores. The configuration enables performance tuning by adjusting worker processes and server settings based on available CPU resources. It utilizes a multi-stage Docker build to separate build dependencies from the final runtime image. The system covers containerized web hosting, including support for environment-variab

Pythonasgiasyncdocker
View on GitHub↗2,909
  • kdchang/reactjs101kdchang avatar

    kdchang/reactjs101

    4,343View on GitHub↗

    This project is a comprehensive instructional resource and tutorial guide for learning React and the broader frontend engineering ecosystem. It serves as a structured course covering the fundamentals of building user interfaces through component-based architecture. The project provides specialized guides on coordinating application data via Redux state management, integrating and mutating data using GraphQL and Relay, and building native mobile applications using a single codebase. It also includes a dedicated tutorial for verifying component behavior through unit testing, shallow rendering,

    JavaScriptandriodecmascriptecmascript2015
    View on GitHub↗4,343
    • See all 30 alternatives to Douyin→