TikTok UI Clone
This is a TikTok UI Clone that replicates the TikTok feed and its elements, including smooth video scrolling. Explore an interactive interface similar to Tiktok and enjoy a seamless browsing experience.
Install / Use
npx skills add s-shemmee/TikTok-UI-CloneInstalls into whichever agent you are using.
README
TikTok UI Clone
The TikTok UI Clone is a web application developed to replicate the user interface of the TikTok app. It is built using React.js, CSS, and JSX, and allows users to browse and view TikTok-style videos in a familiar and interactive interface.
Features
- Browse and view TikTok-style videos.
- Smooth and responsive video playback.
- User-friendly interface with intuitive navigation.
- Infinite scrolling for seamless video discovery.
- Like, comment, and share videos.
- Follow users and explore personalized content.
Technologies & Tools Used
- React.js
- CSS
- JSX
- VS Code
Installation and Usage
To use this TikTok UI Clone, follow these steps:
- Clone the repository or download the source code.
- Open the project in your preferred code editor.
- Run
npm installto install the necessary dependencies. - Run
npm startto start the development server. - Open your browser and navigate to
http://localhost:3000to access the app.
Demo
A live demo of the TikTok UI Clone is available at LINK TO LIVE DEMO.
Credits
The TikTok UI Clone was created by s-shemmee.
License
This project is licensed under the MIT license.
Related Skills
imsg
385.5kUse the imsg CLI from OpenClaw agents for iMessage/SMS DMs, groups, replies, reactions, polls, watching, and private-API actions.
qqbot-channel
385.5kQQ channel management skill. Use qqbot_channel_api for explicit QQ channel-management requests; confirm write, delete, and bulk actions before calling authenticated QQ Open Platform endpoints.
Agent Development
140.7kThis skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or…
docs-writer
106.4kAlways use this skill when the task involves writing, reviewing, or editing files in the `/docs` directory or any `.md` files in the repository.
