Home

Awesome

<div align="center"><a name="readme-top"></a> <img height="120" src="https://registry.npmmirror.com/@lobehub/assets-logo/1.0.0/files/assets/logo-3d.webp"> <img height="120" src="https://gw.alipayobjects.com/zos/kitchen/qJ3l3EPsdW/split.svg"> <img height="120" src="https://registry.npmmirror.com/@lobehub/assets-emoji-anim/1.0.0/files/assets/teddy-bear.webp">

Lobe Vidol

Experience the magic of virtual idol creation with Lobe Vidol, enjoy the elegance of our Exquisite UI Design, dance along using MMD Dance Support, and engage in Smooth Conversations—all in one seamless platform.

<sup>Making Virtual Idols Accessible for EveryOne</sup>

English · 简体中文 · Changelog · Report Bug · Request Feature

<br/> <br>

</div>

[!NOTE] Lobe Vidol is currently in the early stages of development and available for beta testing. You are welcome to join and contribute.

<details> <summary><kbd>Table of contents</kbd></summary>

TOC

</details>

👋🏻 Getting Started & Join Our Community

Please be aware that LobeVidol is currently under active development, and feedback is welcome for any issues encountered.

No installation or registration necessary! Visit our website to experience it firsthand.
Join our Discord community! This is where you can connect with developers and other enthusiastic users of LobeHub.

[!IMPORTANT]

Star Us, You will receive all release notifications from GitHub without any delay ~ ⭐️

<details><summary><kbd>Star History</kbd></summary> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=lobehub%2Flobe-vidol&theme=dark&type=Date"> <img src="https://api.star-history.com/svg?repos=lobehub%2Flobe-vidol&type=Date"> </picture> </details> <div align="right">

</div>

✨ Features

1.🗣️ Smooth Conversation Experience

Fluid responses ensure a smooth conversation experience. It fully supports Markdown rendering, including code highlighting, LaTex formulas and more.

<img width="1503" alt="Snipaste_2024-04-23_23-47-02" src="https://github.com/lobehub/lobe-vidol/assets/4705237/51942769-332d-4829-8732-b901dc290b8d">

2. 💎 Exquisite UI Design

With a carefully designed interface, it offers an elegant appearance and smooth interaction. It supports light and dark themes. PWA support provides a more native-like experience;

<img width="1503" alt="Snipaste_2024-04-23_23-48-56" src="https://github.com/lobehub/lobe-vidol/assets/4705237/3e30f842-dc01-426c-9683-06b00357bc8d">

3. 💨 Vroid Model Preview

Using the Vroid Editor, you can create and upload your own virtual idol to the website, play with them;

324259872-113e4882-6710-4d81-a04f-a407989f947d

4. 🎇 MMD Dance Support

With the support of mmd-parser, you can play vmd files with your favarite idol; Just Dance!

<img width="1455" alt="Snipaste_2024-04-23_23-43-21" src="https://github.com/lobehub/lobe-vidol/assets/4705237/8d1107c7-bec9-4f20-a8ac-1413d3682587"> <div align="right">

</div>

📦 Ecosystem

NPMRepositoryDescriptionVersion
@lobehub/uilobehub/lobe-uiOpen-source UI component library dedicated to building AIGC web applications.
@lobehub/iconslobehub/lobe-iconsPopular AI / LLM Model Brand SVG Logo and Icon Collection.
@lobehub/ttslobehub/lobe-ttsHigh-quality & reliable TTS/STT React Hooks library
@lobehub/lintlobehub/lobe-lintConfigurations for ESlint, Stylelint, Commitlint, Prettier, Remark, and Semantic Release for LobeHub.
<div align="right">

</div>

⌨️ Local Development

You can use Github Codespaces for online development:

Or clone it for local development:

$ git clone https://github.com/lobehub/lobe-vidol.git
$ cd lobe-vidol
$ bun install
$ bun dev
<div align="right">

</div>

🤝 Contributing

Contributions of all types are more than welcome, if you are interested in contributing code, feel free to check out our GitHub Issues to get stuck in to show us what you’re made of.

<a href="https://github.com/lobehub/lobe-vidol/graphs/contributors" target="_blank"> <table> <tr> <th colspan="2"> <br><img src="https://contrib.rocks/image?repo=lobehub/lobe-vidol"><br><br> </th> </tr> <tr> <td> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://next.ossinsight.io/widgets/official/compose-org-active-contributors/thumbnail.png?activity=active&period=past_90_days&owner_id=131470832&repo_ids=784800776&image_size=2x3&color_scheme=dark"> <img src="https://next.ossinsight.io/widgets/official/compose-org-active-contributors/thumbnail.png?activity=active&period=past_90_days&owner_id=131470832&repo_ids=784800776&image_size=2x3&color_scheme=light"> </picture> </td> <td rowspan="2"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://next.ossinsight.io/widgets/official/compose-org-participants-growth/thumbnail.png?activity=active&period=past_90_days&owner_id=131470832&repo_ids=784800776&image_size=4x7&color_scheme=dark"> <img src="https://next.ossinsight.io/widgets/official/compose-org-participants-growth/thumbnail.png?activity=active&period=past_90_days&owner_id=131470832&repo_ids=784800776&image_size=4x7&color_scheme=light"> </picture> </td> </tr> <tr> <td> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://next.ossinsight.io/widgets/official/compose-org-active-contributors/thumbnail.png?activity=new&period=past_90_days&owner_id=131470832&repo_ids=784800776&image_size=2x3&color_scheme=dark"> <img src="https://next.ossinsight.io/widgets/official/compose-org-active-contributors/thumbnail.png?activity=new&period=past_90_days&owner_id=131470832&repo_ids=784800776&image_size=2x3&color_scheme=light"> </picture> </td> </tr> </table> </a> <div align="right">

</div>

🩷 Sponsor

Every bit counts and your one-time donation sparkles in our galaxy of support! You're a shooting star, making a swift and bright impact on our journey. Thank you for believing in us – your generosity guides us toward our mission, one brilliant flash at a time.

<a href="https://opencollective.com/lobehub" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://github.com/lobehub/.github/blob/main/static/sponsor-dark.png?raw=true"> <img src="https://github.com/lobehub/.github/blob/main/static/sponsor-light.png?raw=true"> </picture> </a> <div align="right">

</div>

🔗 Links

More Products

Credits

<div align="right">

</div>

📝 License

Copyright © 2023 lobehub. <br /> This project is MIT licensed.