ahmadbilaldev / langui

UI for your AI. Open Source Tailwind components tailored for your GPT, generative AI, and LLM projects.

Home Page:https://LangUI.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The perfect UI for your AI

GitHub Stars Vercel Deployment License


LangUI is an Open Source Tailwind library with free components tailored for your AI and GPT projects. It offers a collection of beautiful, ready-to-use components to enhance the user interface of your AI applications, allowing you to focus on building the next best project while leaving the UI to LangUI.

⭐️ LangUI is Open Source and its 60+ components are completely free. Please star it to show your support!

Documentation

For documentation and components, visit LangUI.dev.

Get Started

  • LangUI components are ready-to-use, meaning you don't need to install or configure anything.

  • Browse LangUI.dev and select a comopnent.

  • Copy the desired component's code in HTML or JSX from the LangUI documentation.

  • Paste the code into your project's HTML or React/Vue/Angular components. Done.

Docker deploy

You can directly run using the image I have already built.

docker run -d -t -p 3000:3000 --name langui --restart=always docker.io/wenyang0/langui:latest

Or, you can manually compile it yourself if you prefer.

#clone the code 
git clone https://github.com/ahmadbilaldev/langui.git

#docker build 
cd langui/
docker build -t langui:v1 .

#start server 
docker run -d -t -p 3000:3000 --name langui --restart=always langui:v1

Finally, open your browser and access the service's address at http://serverIP:3000

Features

  • Copy & Paste Integration: Zero installations or dependencies! Simply choose your desired component, copy, and paste it into your project.

  • Open Source & Free: LangUI is MIT licensed, making it suitable for both personal and commercial projects. Feel free to contribute and support us by starring LangUI on GitHub.

  • Dark & Light Modes: All LangUI components support light & dark modes and are carefully designed to look the best across both modes.

  • Fully Responsive: LangUI components are responsive, ensuring they look fantastic on any screen size or device.

  • Easy Customization: LangUI uses a two-color-only pallete. The two color pallete - slate and blue - allows for effortless customization into your brand's colors.

Screenshots

LangUI

Components

Preview Component

Request a Component

Have an idea for a new component? We'd love to hear from you! Simply head over to our GitHub repository and submit your component request. Let's collaborate and cook up something spicy together!

Contributing

Contributions to LangUI are highly welcome! Whether it's bug fixes, new components, or improvements, we appreciate your support in making this library better for the AI community. Please read our contribution guidelines to get started.

License

LangUI is licensed under the MIT License.

Uses


Enjoy using LangUI to build stunning UIs for your AI and GPT projects.

🌟 If you find it helpful, don't forget to give it a star on GitHub! Stars are like little virtual hugs that keep us going! We appreciate every single one we receive.

For any queries or issues, feel free to open an issue on the repository.

Happy coding! 😊

About

UI for your AI. Open Source Tailwind components tailored for your GPT, generative AI, and LLM projects.

https://LangUI.dev

License:MIT License


Languages

Language:HTML 80.0%Language:JavaScript 17.9%Language:MDX 1.3%Language:CSS 0.6%Language:Dockerfile 0.1%