StreamlitAntdComponents
A Streamlit component to display Antd-Design
Install / Use
/learn @nicedouble/StreamlitAntdComponentsREADME
Streamlit-Antd-Components
A Streamlit custom component to implement Antd-Design and Mantine widgets.
Check out the Demo App for more example.

This library now provides component blow:
buttonsA group of buttons component.dividerA divider line separates different contentmenuA versatile menu for navigationstepsA navigation bar that guides users through the steps of a taskcascaderChooses cascade items in one float layer for better user experience.checkboxA group of checkbox.rateRate componentswitchSwitching between two states or on-off statetransferDouble column transfer choice boxsegmentedSegmented Controls.tabsA tabs component.treeA hierarchical list structure component.alertAlert component for feedbackresultUsed to feed back the results of a series of operational taskstagTag for categorizing or markuppaginationA long list can be divided into several pages
Install
pip install streamlit-antd-components
Quickstart
Create a group of buttons,use more style params.
import streamlit as st
import streamlit_antd_components as sac
btn = sac.buttons(
items=['button1', 'button2', 'button3'],
index=0,
format_func='title',
align='center',
direction='horizontal',
radius='lg',
return_index=False,
)
st.write(f'The selected button label is: {btn}')

Todo
- pop-up component
- ~~Interaction between components~~
- ~~Add component callback function~~
- multiple sac components
Related Skills
diffs
334.5kUse the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.
openpencil
1.5kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
ui-ux-pro-max-skill
49.8kAn AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
