UI on Producthunt daily

react

Sat, 06 Dec 2025 15:28:00 +0800

facebook/react

React ·

React is a JavaScript library for building user interfaces.

Declarative: React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable, simpler to understand, and easier to debug.
Component-Based: Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep the state out of the DOM.
Learn Once, Write Anywhere: We don’t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native.

Installation

React has been designed for gradual adoption from the start, and you can use as little or as much React as you need:

Use Quick Start to get a taste of React.
Add React to an Existing Project to use as little or as much React as you need.
Create a New React App if you’re looking for a powerful JavaScript toolchain.

Documentation

You can find the React documentation on the website.

Check out the Getting Started page for a quick overview.

The documentation is divided into several sections:

You can improve it by sending pull requests to this repository.

Examples

We have several examples on the website. Here is the first one to get you started:

import { createRoot } from 'react-dom/client';

function HelloMessage({ name }) {
  return <div>Hello {name}</div>;
}

const root = createRoot(document.getElementById('container'));
root.render(<HelloMessage name="Taylor" />);

This example will render “Hello Taylor” into a container on the page.

You’ll notice that we used an HTML-like syntax; we call it JSX. JSX is not required to use React, but it makes code more readable, and writing it feels like writing HTML.

Contributing

The main purpose of this repository is to continue evolving React core, making it faster and easier to use. Development of React happens in the open on GitHub, and we are grateful to the community for contributing bugfixes and improvements. Read below to learn how you can take part in improving React.

Code of Conduct

Facebook has adopted a Code of Conduct that we expect project participants to adhere to. Please read the full text so that you can understand what actions will and will not be tolerated.

Contributing Guide

Read our contributing guide to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to React.

Good First Issues

To help you get your feet wet and get you familiar with our contribution process, we have a list of good first issues that contain bugs that have a relatively limited scope. This is a great place to get started.

License

React is MIT licensed.

flutter

Sun, 21 Sep 2025 15:23:40 +0800

flutter/flutter

Flutter is Google’s SDK for crafting beautiful, fast user experiences for mobile, web, and desktop from a single codebase. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source.

Documentation

For announcements about new releases, follow the flutter-announce@googlegroups.com mailing list. Our documentation also tracks breaking changes across releases.

Terms of service

The Flutter tool may occasionally download resources from Google servers. By downloading or using the Flutter SDK, you agree to the Google Terms of Service: https://policies.google.com/terms

For example, when installed from GitHub (as opposed to from a prepackaged archive), the Flutter tool will download the Dart SDK from Google servers immediately when first run, as it is used to execute the flutter tool itself. This will also occur when Flutter is upgraded (e.g. by running the flutter upgrade command).

About Flutter

We think Flutter will help you create beautiful, fast apps, with a productive, extensible and open development model, whether you’re targeting iOS or Android, web, Windows, macOS, Linux or embedding it as the UI toolkit for a platform of your choice.

Beautiful user experiences

We want to enable designers to deliver their full creative vision without being forced to water it down due to limitations of the underlying framework. Flutter’s layered architecture gives you control over every pixel on the screen and its powerful compositing capabilities let you overlay and animate graphics, video, text, and controls without limitation. Flutter includes a full set of widgets that deliver pixel-perfect experiences whether you’re building for iOS (Cupertino) or other platforms (Material), along with support for customizing or creating entirely new visual components.

Fast results

Flutter is fast. It’s powered by hardware-accelerated 2D graphics libraries like Skia (which underpins Chrome and Android) and Impeller. We architected Flutter to support glitch-free, jank-free graphics at the native speed of your device.

Flutter code is powered by the world-class Dart platform, which enables compilation to 32-bit and 64-bit ARM machine code for iOS and Android, JavaScript and WebAssembly for the web, as well as Intel x64 and ARM for desktop devices.

Productive development

Flutter offers stateful hot reload, allowing you to make changes to your code and see the results instantly without restarting your app or losing its state.

Extensible and open model

Flutter works with any development tool (or none at all), and also includes editor plug-ins for both Visual Studio Code and IntelliJ / Android Studio. Flutter provides tens of thousands of packages to speed your development, regardless of your target platform. And accessing other native code is easy, with support for both FFI (on Android, on iOS, on macOS, and on Windows) as well as platform-specific APIs.

Flutter is a fully open-source project, and we welcome contributions. Information on how to get started can be found in our contributor guide.

kotaemon

Wed, 10 Sep 2025 15:28:12 +0800

Cinnamon/kotaemon

kotaemon

An open-source clean & customizable RAG UI for chatting with your documents. Built with both end users and developers in mind.

Live Demo #1 | Live Demo #2 | Online Install | Colab Notebook (Local RAG)

User Guide | Developer Guide | Feedback | Contact

Introduction

This project serves as a functional RAG UI for both end users who want to do QA on their documents and developers who want to build their own RAG pipeline.

+----------------------------------------------------------------------------+
| End users: Those who use apps built with `kotaemon`.                       |
| (You use an app like the one in the demo above)                            |
|     +----------------------------------------------------------------+     |
|     | Developers: Those who built with `kotaemon`.                   |     |
|     | (You have `import kotaemon` somewhere in your project)         |     |
|     |     +----------------------------------------------------+     |     |
|     |     | Contributors: Those who make `kotaemon` better.    |     |     |
|     |     | (You make PR to this repo)                         |     |     |
|     |     +----------------------------------------------------+     |     |
|     +----------------------------------------------------------------+     |
+----------------------------------------------------------------------------+

For end users

Clean & Minimalistic UI: A user-friendly interface for RAG-based QA.
Support for Various LLMs: Compatible with LLM API providers (OpenAI, AzureOpenAI, Cohere, etc.) and local LLMs (via ollama and llama-cpp-python).
Easy Installation: Simple scripts to get you started quickly.

For developers

Framework for RAG Pipelines: Tools to build your own RAG-based document QA pipeline.
Customizable UI: See your RAG pipeline in action with the provided UI, built with Gradio .
Gradio Theme: If you use Gradio for development, check out our theme here: kotaemon-gradio-theme.

Key Features

Host your own document QA (RAG) web-UI: Support multi-user login, organize your files in private/public collections, collaborate and share your favorite chat with others.
Organize your LLM & Embedding models: Support both local LLMs & popular API providers (OpenAI, Azure, Ollama, Groq).
Hybrid RAG pipeline: Sane default RAG pipeline with hybrid (full-text & vector) retriever and re-ranking to ensure best retrieval quality.
Multi-modal QA support: Perform Question Answering on multiple documents with figures and tables support. Support multi-modal document parsing (selectable options on UI).
Advanced citations with document preview: By default the system will provide detailed citations to ensure the correctness of LLM answers. View your citations (incl. relevant score) directly in the in-browser PDF viewer with highlights. Warning when retrieval pipeline return low relevant articles.
Support complex reasoning methods: Use question decomposition to answer your complex/multi-hop question. Support agent-based reasoning with ReAct, ReWOO and other agents.
Configurable settings UI: You can adjust most important aspects of retrieval & generation process on the UI (incl. prompts).
Extensible: Being built on Gradio, you are free to customize or add any UI elements as you like. Also, we aim to support multiple strategies for document indexing & retrieval. GraphRAG indexing pipeline is provided as an example.

Installation

If you are not a developer and just want to use the app, please check out our easy-to-follow User Guide. Download the .zip file from the latest release to get all the newest features and bug fixes.

System requirements

Python >= 3.10
Docker: optional, if you install with Docker
Unstructured if you want to process files other than .pdf, .html, .mhtml, and .xlsx documents. Installation steps differ depending on your operating system. Please visit the link and follow the specific instructions provided there.

With Docker (recommended)

We support both lite & full version of Docker images. With full version, the extra packages of unstructured will be installed, which can support additional file types (.doc, .docx, …) but the cost is larger docker image size. For most users, the lite image should work well in most cases.
- To use the full version.
  1 2 3 4 5 6
  
  docker run \ -e GRADIO_SERVER_NAME=0.0.0.0 \ -e GRADIO_SERVER_PORT=7860 \ -v ./ktem_app_data:/app/ktem_app_data \ -p 7860:7860 -it --rm \ ghcr.io/cinnamon/kotaemon:main-full
- To use the full version with bundled Ollama for local / private RAG.
  1 2
  
  # change image name to docker run <...> ghcr.io/cinnamon/kotaemon:main-ollama
- To use the lite version.
1 2

# change image name to docker run <...> ghcr.io/cinnamon/kotaemon:main-lite

We currently support and test two platforms: linux/amd64 and linux/arm64 (for newer Mac). You can specify the platform by passing --platform in the docker run command. For example:

# To run docker with platform linux/arm64
docker run \
-e GRADIO_SERVER_NAME=0.0.0.0 \
-e GRADIO_SERVER_PORT=7860 \
-v ./ktem_app_data:/app/ktem_app_data \
-p 7860:7860 -it --rm \
--platform linux/arm64 \
ghcr.io/cinnamon/kotaemon:main-lite

Once everything is set up correctly, you can go to http://localhost:7860/ to access the WebUI.
We use GHCR to store docker images, all images can be found here.

Without Docker

Clone and install required packages on a fresh python environment.

# optional (setup env)
conda create -n kotaemon python=3.10
conda activate kotaemon

# clone this repo
git clone https://github.com/Cinnamon/kotaemon
cd kotaemon

pip install -e "libs/kotaemon[all]"
pip install -e "libs/ktem"

Create a .env file in the root of this project. Use .env.example as a template

The .env file is there to serve use cases where users want to pre-config the models before starting up the app (e.g. deploy the app on HF hub). The file will only be used to populate the db once upon the first run, it will no longer be used in consequent runs.
(Optional) To enable in-browser PDF_JS viewer, download PDF_JS_DIST then extract it to libs/ktem/ktem/assets/prebuilt

Start the web server:
1

python app.py
- The app will be automatically launched in your browser.
- Default username and password are both admin. You can set up additional users directly through the UI.
Check the Resources tab and LLMs and Embeddings and ensure that your api_key value is set correctly from your .env file. If it is not set, you can set it there.

Setup GraphRAG

[!NOTE] Official MS GraphRAG indexing only works with OpenAI or Ollama API. We recommend most users to use NanoGraphRAG implementation for straightforward integration with Kotaemon.

Setup Nano GRAPHRAG

Install nano-GraphRAG: pip install nano-graphrag
nano-graphrag install might introduce version conflicts, see this issue
- To quickly fix: pip uninstall hnswlib chroma-hnswlib && pip install chroma-hnswlib
Launch Kotaemon with USE_NANO_GRAPHRAG=true environment variable.
Set your default LLM & Embedding models in Resources setting and it will be recognized automatically from NanoGraphRAG.

Setup LIGHTRAG

Install LightRAG: pip install git+https://github.com/HKUDS/LightRAG.git
LightRAG install might introduce version conflicts, see this issue
- To quickly fix: pip uninstall hnswlib chroma-hnswlib && pip install chroma-hnswlib
Launch Kotaemon with USE_LIGHTRAG=true environment variable.
Set your default LLM & Embedding models in Resources setting and it will be recognized automatically from LightRAG.

Setup MS GRAPHRAG

Non-Docker Installation: If you are not using Docker, install GraphRAG with the following command:
1

pip install "graphrag<=0.3.6" future
Setting Up API KEY: To use the GraphRAG retriever feature, ensure you set the GRAPHRAG_API_KEY environment variable. You can do this directly in your environment or by adding it to a .env file.
Using Local Models and Custom Settings: If you want to use GraphRAG with local models (like Ollama) or customize the default LLM and other configurations, set the USE_CUSTOMIZED_GRAPHRAG_SETTING environment variable to true. Then, adjust your settings in the settings.yaml.example file.

Setup Local Models (for local/private RAG)

See Local model setup.

Setup multimodal document parsing (OCR, table parsing, figure extraction)

These options are available:

Azure Document Intelligence (API)
Adobe PDF Extract (API)
Docling (local, open-source)
- To use Docling, first install required dependencies: pip install docling

Select corresponding loaders in Settings -> Retrieval Settings -> File loader

Customize your application

By default, all application data is stored in the ./ktem_app_data folder. You can back up or copy this folder to transfer your installation to a new machine.
For advanced users or specific use cases, you can customize these files:
- flowsettings.py
- .env

`flowsettings.py`

This file contains the configuration of your application. You can use the example here as the starting point.

Notable settings

# setup your preferred document store (with full-text search capabilities)
KH_DOCSTORE=(Elasticsearch | LanceDB | SimpleFileDocumentStore)

# setup your preferred vectorstore (for vector-based search)
KH_VECTORSTORE=(ChromaDB | LanceDB | InMemory | Milvus | Qdrant)

# Enable / disable multimodal QA
KH_REASONINGS_USE_MULTIMODAL=True

# Setup your new reasoning pipeline or modify existing one.
KH_REASONINGS = [
    "ktem.reasoning.simple.FullQAPipeline",
    "ktem.reasoning.simple.FullDecomposeQAPipeline",
    "ktem.reasoning.react.ReactAgentPipeline",
    "ktem.reasoning.rewoo.RewooAgentPipeline",
]

`.env`

This file provides another way to configure your models and credentials.

Configure model via the .env file

Alternatively, you can configure the models via the .env file with the information needed to connect to the LLMs. This file is located in the folder of the application. If you don’t see it, you can create one.
Currently, the following providers are supported:
- OpenAI
  
  In the .env file, set the OPENAI_API_KEY variable with your OpenAI API key in order to enable access to OpenAI’s models. There are other variables that can be modified, please feel free to edit them to fit your case. Otherwise, the default parameter should work for most people.
  1 2 3 4
  
  OPENAI_API_BASE=https://api.openai.com/v1 OPENAI_API_KEY=<your OpenAI API key here> OPENAI_CHAT_MODEL=gpt-3.5-turbo OPENAI_EMBEDDINGS_MODEL=text-embedding-ada-002
- Azure OpenAI
  
  For OpenAI models via Azure platform, you need to provide your Azure endpoint and API key. Your might also need to provide your developments’ name for the chat model and the embedding model depending on how you set up Azure development.
  1 2 3 4 5
  
  AZURE_OPENAI_ENDPOINT= AZURE_OPENAI_API_KEY= OPENAI_API_VERSION=2024-02-15-preview AZURE_OPENAI_CHAT_DEPLOYMENT=gpt-35-turbo AZURE_OPENAI_EMBEDDINGS_DEPLOYMENT=text-embedding-ada-002
- Local Models
  - Using ollama OpenAI compatible server:
    - Install ollama and start the application.
    - Pull your model, for example:
      1 2
      
      ollama pull llama3.1:8b ollama pull nomic-embed-text
    - Set the model names on web UI and make it as default:
  - Using GGUF with llama-cpp-python
    
    You can search and download a LLM to be ran locally from the Hugging Face Hub. Currently, these model formats are supported:
    - GGUF
      
      You should choose a model whose size is less than your device’s memory and should leave about 2 GB. For example, if you have 16 GB of RAM in total, of which 12 GB is available, then you should choose a model that takes up at most 10 GB of RAM. Bigger models tend to give better generation but also take more processing time.
      
      Here are some recommendations and their size in memory:
    - Qwen1.5-1.8B-Chat-GGUF: around 2 GB
      
      Add a new LlamaCpp model with the provided model name on the web UI.

Adding your own RAG pipeline

Custom Reasoning Pipeline

Check the default pipeline implementation in here. You can make quick adjustment to how the default QA pipeline work.
Add new .py implementation in libs/ktem/ktem/reasoning/ and later include it in flowssettings to enable it on the UI.

Custom Indexing Pipeline

Check sample implementation in libs/ktem/ktem/index/file/graph

(more instruction WIP).

Citation

Please cite this project as

@misc{kotaemon2024,
    title = {Kotaemon - An open-source RAG-based tool for chatting with any content.},
    author = {The Kotaemon Team},
    year = {2024},
    howpublished = {\url{https://github.com/Cinnamon/kotaemon}},
}

Star History

Contribution

Since our project is actively being developed, we greatly value your feedback and contributions. Please see our Contributing Guide to get started. Thank you to all our contributors!

base-ui

Sat, 28 Jun 2025 15:28:55 +0800

mui/base-ui

Base UI

From the creators of Radix, Floating UI, and Material UI, Base UI is an unstyled UI component library for building accessible user interfaces.

Documentation

To get started, check out the Base UI documentation.

Contributing

Read our contributing guide to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.

Releases

To see the latest updates, check out the releases.

Community

Discord For community support, questions, and tips, join our Discord.
X To stay up-to-date on new releases and announcements follow Base UI on X.
Bluesky We’re also on Bluesky.

Team

Colm Tuite (Radix) @colmtuite
Vlad Moroz (Radix) @vladyslavmoroz
James Nelson (Floating UI) @atomiksdev
Michał Dudak (Material UI) @michaldudak
Marija Najdova (Material UI + Fluent UI) @marijanajdova
Albert Yu (Material UI) @mj12albert

License

This project is licensed under the terms of the MIT license.

microui

Sat, 28 Jun 2025 15:28:15 +0800

rxi/microui

A tiny, portable, immediate-mode UI library written in ANSI C

Features

Tiny: around 1100 sloc of ANSI C
Works within a fixed-sized memory region: no additional memory is allocated
Built-in controls: window, scrollable panel, button, slider, textbox, label, checkbox, wordwrapped text
Works with any rendering system that can draw rectangles and text
Designed to allow the user to easily add custom controls
Simple layout system

Example

if (mu_begin_window(ctx, "My Window", mu_rect(10, 10, 140, 86))) {
  mu_layout_row(ctx, 2, (int[]) { 60, -1 }, 0);

  mu_label(ctx, "First:");
  if (mu_button(ctx, "Button1")) {
    printf("Button1 pressed\n");
  }

  mu_label(ctx, "Second:");
  if (mu_button(ctx, "Button2")) {
    mu_open_popup(ctx, "My Popup");
  }

  if (mu_begin_popup(ctx, "My Popup")) {
    mu_label(ctx, "Hello world!");
    mu_end_popup(ctx);
  }

  mu_end_window(ctx);
}

Screenshot

Browser Demo

Usage

See doc/usage.md for usage instructions
See the demo directory for a usage example

Notes

The library expects the user to provide input and handle the resultant drawing commands, it does not do any drawing itself.

Contributing

The library is designed to be lightweight, providing a foundation to which you can easily add custom controls and UI elements; pull requests adding additional features will likely not be merged. Bug reports are welcome.

License

This library is free software; you can redistribute it and/or modify it under the terms of the MIT license. See LICENSE for details.

filebrowser

Tue, 17 Jun 2025 15:30:09 +0800

gtsteffaniak/filebrowser

FileBrowser Quantum

The best free self-hosted web-based file manager.

[!WARNING] There is no stable version – :construction: planned for 2025. (Read more)

Poll: how much RAM does your install use?

About

FileBrowser Quantum provides an easy way to access and manage your files from the web. It has has a web page interface that allows you to create secure shared links, users with their own specific permissions and settings, and offers a great viewing experience for many file types.

This version is called “Quantum” because it packs tons of advanced features into a tiny easy to run file. Unlike the majority of alternative options, FileBrowser Quantum is simple to install and easy to configure.

The goal for this repo is to become the best open-source self-hosted file browsing application that exists – all for free. This repo will always be free and open-source.

Ready to try it out? See Getting Started Wiki.

How its different

FileBrowser Quantum is a massive fork of the file browser open-source project with the following changes:

✅ Multiple sources support
✅ Login support for OIDC, password + 2FA, and proxy.
✅ Revamped UI
✅ Simplified configuration via config.yaml config file.
✅ Ultra-efficient indexing and real-time updates
- Real-time search results as you type.
- Real-time monitoring and updates in the UI.
- Search supports file and folder sizes, along with various filters.
✅ Better listing browsing
- More file type previews, such as office and video file previews
- Instantly switches view modes and sort order without reloading data.
- Folder sizes are displayed.
- Navigating remembers the last scroll position.
✅ Developer API support
- Ability to create long-lived API Tokens.
- A helpful Swagger page is available at /swagger endpoint for API enabled users.

Notable features that this fork does not have (removed):

:construction: jobs are not supported yet.
:construction: rules are not supported yet.
❌ shell commands are completely removed and will not be returned.

[!WARNING] Every file and directory in the source gets indexed (by default). This enables powerful features such as instant search, but large source filesystems can increase your system requirements. See indexing wiki for more info.

FileBrowser Quantum differs significantly from the original version. Many of these changes required a significant overhaul. Creating a fork was a necessary process to make the program better. There have been many growing pains, but a stable release is planned and coming soon.

The UI

The UI has a simple three-component navigation system:

(Left) Multi-action button with slide-out panel.
(Middle) The powerful search bar.
(Right) The view change toggle.

All other functions are moved either into the action menu or pop-up menus. If the action does not depend on context, it will exist in the slide-out action panel. If the action is available based on context, it will show up as a pop-up menu.

Install and Configuration

Check out the Getting Started Wiki

For help configuring your filebrowser see Configuration Wiki

Command Line Usage

See the CLI Wiki

API Usage

See the API Wiki

Office File Support

See Office Support Wiki on how to enable office file editing and office-related features.

Migration from the original filebrowser

See the Migration Wiki

Comparison Chart

Application Name	Quantum	Filebrowser	Filestash	Nextcloud	Google_Drive	FileRun
Filesystem support	✅	✅	✅	❌	❌	✅
Linux	✅	✅	✅	✅	❌	✅
Windows	✅	✅	✅	❌	❌	✅
Mac	✅	✅	✅	❌	❌	✅
Self hostable	✅	✅	✅	✅	❌	✅
Has Stable Release?	:construction:	✅	✅	✅	✅	✅
S3 support	❌	❌	✅	✅	❌	❌
webdav support	❌	❌	✅	✅	❌	✅
FTP support	❌	❌	✅	✅	❌	✅
Dedicated docs site?	:construction:	✅	✅	✅	❌	✅
Multiple sources at once	✅	❌	✅	✅	❌	✅
Docker image size	200 MB (with ffmpeg)	31 MB	240 MB (main image)	250 MB	❌	> 2 GB
Min. Memory Requirements	256 MB	128 MB	128 MB (main image)	512 MB	❌	512 MB
has standalone binary	✅	✅	❌	❌	❌	❌
price	free	free	free	free tier	free tier	$99+
rich media preview	✅	✅	✅	✅	✅	✅
Upload files from the web?	✅	✅	✅	✅	✅	✅
Advanced Search?	✅	❌	❌	configurable	✅	✅
Indexed Search?	✅	❌	❌	configurable	✅	✅
Content-aware search?	❌	❌	❌	configurable	✅	✅
Custom job support	:construction:	✅	❌	✅	❌	✅
Multiple users	✅	✅	✅	✅	✅	✅
Single sign-on support	✅	❌	❌	✅	✅	✅
LDAP sign-on support	:construction:	❌	❌	✅	❌	✅
Long-live API key support	✅	❌	✅	✅	✅	✅
API documentation page	✅	❌	✅	✅	❌	✅
Mobile App	❌	❌	❌	✅	✅	❌
open source?	✅	✅	✅	✅	❌	❌
tags support	:construction:	❌	❌	✅	❌	✅
shareable web links?	✅	✅	✅	✅	✅	✅
Event-based notifications	:construction:	❌	❌	❌	❌	✅
Metrics	:construction:	❌	❌	❌	❌	❌
file space quotas	:construction:	❌	❌	❌	✅	✅
text-based files editor	✅	✅	✅	✅	✅	✅
Office file support	✅	❌	✅	✅	✅	✅
Office file previews	✅	❌	❌	✅	✅	✅
Themes	✅	✅	❌	❌	❌	✅
Branding support	✅	✅	❌	❌	❌	✅
activity log	:construction:	❌	❌	✅	✅	✅
Comments support	❌	❌	❌	✅	✅	✅
trash support	:construction:	❌	❌	✅	✅	✅
Starred/pinned files	❌	❌	❌	❌	✅	✅
Chromecast support	❌	❌	✅	❌	❌	❌
Share collections of files	:construction:	❌	❌	❌	❌	✅
Can archive selected files	:construction:	❌	❌	❌	❌	✅
Can browse archive files	:construction:	❌	❌	❌	❌	✅
Can convert documents	:construction:	❌	❌	❌	❌	✅
Can convert videos	:construction:	❌	❌	❌	❌	❌
Can convert photos	:construction:	❌	❌	❌	❌	❌

mui-x

Mon, 02 Jun 2025 15:32:29 +0800

mui/mui-x

MUI X

MUI X is a suite of advanced React UI components for a wide range of complex use cases. Each component provides best-in-class UX and DX, with sophisticated UX workflows for data-rich applications. Components include the Data Grid, Date and Time Pickers, Charts, and Tree View.

MUI X extends the core functionality of Material UI, but the advanced components also stand on their own and can be fully customized to meet the needs of any design system.

MUI X is open-core: Community components are MIT-licensed and free forever, while more advanced features and components require a Pro or Premium commercial license. See Licensing for more information.

Documentation

Get started in the MUI X documentation.

Installation

Licensing

The MUI X team has been building MIT-licensed React components since 2014, starting with Material UI, and we’re committed to the continued advancement of our open-source libraries. Anything we release under an MIT license will remain MIT-licensed forever. Learn more about our stewardship ethos.

We offer commercial licenses to developers who need the most advanced components and features that can’t reasonably be maintained by the open-source community alone. These licenses make it possible for us to support a full-time staff of engineers.

Rest assured that when we release features commercially, it’s only because we believe you won’t find a better MIT-licensed alternative anywhere else.

See the Licensing page for complete details.

Plans

Community plan

The free Community version of MUI X contains components and features that we believe are maintainable by contributions from the open-source community. It’s published under an MIT license and it’s free forever.

Pro plan

MUI X Pro expands on the Community version with more advanced features and functionality. The Data Grid Pro comes with multi-filtering, multi-sorting, column resizing, and column pinning; you also gain access to the Date and Time Range Picker components, advanced Charts, and drag-and-drop reordering for the Tree View.

The Pro version is available under a commercial license—visit the Pricing page for details.

Premium plan

MUI X Premium unlocks the most advanced features of the Data Grid, including row grouping and Excel exporting, as well as everything offered in the Pro plan.

The Premium version is available under a commercial license—visit the Pricing page for details.

@mui/x-data-grid-premium

Support

From community guidance to critical business support, we’re here to help. Read the Support guide for details.

Contributing

Read the Contributing guide to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.

Contributing to MUI X is about more than just issues and pull requests! There are many other ways to support MUI X beyond contributing to the code base.

Changelog

The changelog is regularly updated to reflect what’s changed in each new release.

Roadmap

Future plans and high-priority features and enhancements can be found in the roadmap.

Security

For details on supported versions and contact information for reporting security issues, please refer to the security policy.

react-native

Fri, 30 May 2025 15:30:06 +0800

facebook/react-native

React Native

Learn once, write anywhere:
Build mobile apps with React.

Getting Started · Learn the Basics · Showcase · Contribute · Community · Support

React Native brings React’s declarative UI framework to iOS and Android. With React Native, you use native UI controls and have full access to the native platform.

Declarative. React makes it painless to create interactive UIs. Declarative views make your code more predictable and easier to debug.
Component-Based. Build encapsulated components that manage their state, then compose them to make complex UIs.
Developer Velocity. See local changes in seconds. Changes to JavaScript code can be live reloaded without rebuilding the native app.
Portability. Reuse code across iOS, Android, and other platforms.

React Native is developed and supported by many companies and individual core contributors. Find out more in our ecosystem overview.

📋 Requirements

React Native apps may target iOS 15.1 and Android 7.0 (API 24) or newer. You may use Windows, macOS, or Linux as your development operating system, though building and running iOS apps is limited to macOS. Tools like Expo can be used to work around this.

🎉 Building your first React Native app

Follow the Getting Started guide. The recommended way to install React Native depends on your project. Here you can find short guides for the most common scenarios:

📖 Documentation

The full documentation for React Native can be found on our website.

The React Native documentation discusses components, APIs, and topics that are specific to React Native. For further documentation on the React API that is shared between React Native and React DOM, refer to the React documentation.

The source for the React Native documentation and website is hosted on a separate repository, @facebook/react-native-website.

🚀 Upgrading

Upgrading to new versions of React Native may give you access to more APIs, views, developer tools, and other goodies. See the Upgrading Guide for instructions.

React Native releases are discussed in this discussion repo.

👏 How to Contribute

The main purpose of this repository is to continue evolving React Native core. We want to make contributing to this project as easy and transparent as possible, and we are grateful to the community for contributing bug fixes and improvements. Read below to learn how you can take part in improving React Native.

Code of Conduct

Facebook has adopted a Code of Conduct that we expect project participants to adhere to. Please read the full text so that you can understand what actions will and will not be tolerated.

Contributing Guide

Read our Contributing Guide to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to React Native.

Open Source Roadmap

You can learn more about our vision for React Native in the Roadmap.

Good First Issues

We have a list of good first issues that contain bugs which have a relatively limited scope. This is a great place to get started, gain experience, and get familiar with our contribution process.

Discussions

Larger discussions and proposals are discussed in @react-native-community/discussions-and-proposals.

📄 License

React Native is MIT licensed, as found in the LICENSE file.

headlamp

Sun, 06 Apr 2025 15:25:35 +0800

kubernetes-sigs/headlamp

NOTICE: We have recently moved the project under the Kubernetes SIG UI (and the repo under the kubernetes-sigs org). Container images are still at ghcr.io. Please bear with us while we may experience some broken links.

Headlamp is an easy-to-use and extensible Kubernetes web UI.

Headlamp was created to blend the traditional feature set of other web UIs/dashboards (i.e., to list and view resources) with added functionality.

Features

Vendor-independent / generic Kubernetes UI
Works in-cluster, or locally as a desktop app
Multi-cluster
Extensible through plugins
UI controls reflecting user roles (no deletion/update if not allowed)
Clean & modern UI
Cancellable creation/update/deletion operations
Logs, exec, and resource editor with documentation
Read-write / interactive (actions based on permissions)

Screenshots

Quickstart

If you want to deploy Headlamp in your cluster, check out the instructions on running it in-cluster.

If you have a kubeconfig already, you can quickly try Headlamp locally as a desktop application for Linux, Mac, or Windows. Make sure you have a kubeconfig file set up with your favorite clusters and in the default path so Headlamp can use it.

Accessing

Headlamp uses RBAC for checking users’ access to resources. If you try Headlamp with a token that has very limited permissions, you may not be able to view your cluster resources correctly.

See the documentation on how to easily get a Service Account token for your cluster.

Tested platforms

We maintain a list of the Kubernetes platforms we have tested Headlamp with. We invite you to add any missing platforms you have tested, or comment if there are any regressions in the existing ones.

Extensions / Plugins

If you are interested in tweaking Headlamp to fit your use-cases, you can check out our plugin development guide.

Get involved

Check out our:

Guidelines
Code of Conduct,
#headlamp slack channel in the Kubernetes Slack
Monthly Community Meeting

Roadmap / Release Planning

If you are interested in the direction of the project, we maintain a Roadmap. It has the biggest changes planned so far, as well as a board tracking each release.

License

Headlamp is released under the terms of the Apache 2.0 license.

Frequently Asked Questions

For more information about Headlamp, see the Headlamp FAQ.

nue

Sun, 06 Apr 2025 15:24:51 +0800

nuejs/nue

packages/nuekit/README.md

dockge

Wed, 02 Apr 2025 18:39:35 +0800

louislam/dockge

Dockge

A fancy, easy-to-use and reactive self-hosted docker compose.yaml stack-oriented manager.

View Video: https://youtu.be/AWAlOQeNpgU?t=48

⭐ Features

🧑‍💼 Manage your compose.yaml files
- Create/Edit/Start/Stop/Restart/Delete
- Update Docker Images
⌨️ Interactive Editor for compose.yaml
🦦 Interactive Web Terminal
🕷️ (1.4.0 🆕) Multiple agents support - You can manage multiple stacks from different Docker hosts in one single interface
🏪 Convert docker run ... commands into compose.yaml
📙 File based structure - Dockge won’t kidnap your compose files, they are stored on your drive as usual. You can interact with them using normal docker compose commands

🚄 Reactive - Everything is just responsive. Progress (Pull/Up/Down) and terminal output are in real-time
🐣 Easy-to-use & fancy UI - If you love Uptime Kuma’s UI/UX, you will love this one too

🔧 How to Install

Requirements:

Docker 20+ / Podman
(Podman only) podman-docker (Debian: apt install podman-docker)
OS:
- Major Linux distros that can run Docker/Podman such as:
  - ✅ Ubuntu
  - ✅ Debian (Bullseye or newer)
  - ✅ Raspbian (Bullseye or newer)
  - ✅ CentOS
  - ✅ Fedora
  - ✅ ArchLinux
- ❌ Debian/Raspbian Buster or lower is not supported
- ❌ Windows (Will be supported later)
Arch: armv7, arm64, amd64 (a.k.a x86_64)

Basic

Default Stacks Directory: /opt/stacks
Default Port: 5001

# Create directories that store your stacks and stores Dockge's stack
mkdir -p /opt/stacks /opt/dockge
cd /opt/dockge

# Download the compose.yaml
curl https://raw.githubusercontent.com/louislam/dockge/master/compose.yaml --output compose.yaml

# Start the server
docker compose up -d

# If you are using docker-compose V1 or Podman
# docker-compose up -d

Dockge is now running on http://localhost:5001

Advanced

If you want to store your stacks in another directory, you can generate your compose.yaml file by using the following URL with custom query strings.

1
2

# Download your compose.yaml
curl "https://dockge.kuma.pet/compose.yaml?port=5001&stacksPath=/opt/stacks" --output compose.yaml

port=5001
stacksPath=/opt/stacks

Interactive compose.yaml generator is available on: https://dockge.kuma.pet

How to Update

1
2

cd /opt/dockge
docker compose pull && docker compose up -d

Screenshots

Motivations

I have been using Portainer for some time, but for the stack management, I am sometimes not satisfied with it. For example, sometimes when I try to deploy a stack, the loading icon keeps spinning for a few minutes without progress. And sometimes error messages are not clear.
Try to develop with ES Module + TypeScript

If you love this project, please consider giving it a ⭐.

🗣️ Community and Contribution

Bug Report

https://github.com/louislam/dockge/issues

Ask for Help / Discussions

https://github.com/louislam/dockge/discussions

Translation

If you want to translate Dockge into your language, please read Translation Guide

Create a Pull Request

Be sure to read the guide, as we don’t accept all types of pull requests and don’t want to waste your time.

FAQ

“Dockge”?

“Dockge” is a coinage word which is created by myself. I originally hoped it sounds like Dodge, but apparently many people called it Dockage, it is also acceptable.

The naming idea came from Twitch emotes like sadge, bedge or wokege. They all end in -ge.

Can I manage a single container without `compose.yaml`?

The main objective of Dockge is to try to use the docker compose.yaml for everything. If you want to manage a single container, you can just use Portainer or Docker CLI.

Can I manage existing stacks?

Yes, you can. However, you need to move your compose file into the stacks directory:

Stop your stack
Move your compose file into /opt/stacks/<stackName>/compose.yaml
In Dockge, click the " Scan Stacks Folder" button in the top-right corner’s dropdown menu
Now you should see your stack in the list

Is Dockge a Portainer replacement?

Yes or no. Portainer provides a lot of Docker features. While Dockge is currently only focusing on docker-compose with a better user interface and better user experience.

If you want to manage your container with docker-compose only, the answer may be yes.

If you still need to manage something like docker networks, single containers, the answer may be no.

Can I install both Dockge and Portainer?

Yes, you can.

Others

Dockge is built on top of Compose V2. compose.yaml also known as docker-compose.yml.

UI on Producthunt daily

react

React ·

Installation

Documentation

Examples

Contributing

License

flutter

Documentation

Terms of service

About Flutter

Beautiful user experiences

Fast results

Productive development

Extensible and open model

kotaemon

kotaemon

Introduction

For end users

For developers

Key Features

Installation

System requirements

With Docker (recommended)

Without Docker

Setup GraphRAG

Setup Local Models (for local/private RAG)

Setup multimodal document parsing (OCR, table parsing, figure extraction)

Customize your application

flowsettings.py

.env

Adding your own RAG pipeline

Custom Reasoning Pipeline

Custom Indexing Pipeline

Citation

Star History

Contribution

base-ui

Base UI

Documentation

Contributing

Releases

Community

Team

License

microui

Features

Example

Screenshot

Usage

Notes

Contributing

License

filebrowser

FileBrowser Quantum

About

How its different

The UI

Install and Configuration

Command Line Usage

API Usage

Office File Support

Migration from the original filebrowser

Other Questions

Comparison Chart

mui-x

MUI X

Documentation

Installation

Licensing

Plans

Community plan

Pro plan

Premium plan

Support

Contributing

Changelog

Roadmap

Security

`flowsettings.py`

`.env`

Can I manage a single container without `compose.yaml`?