Streamlit Shadcn UI

screenshot of Streamlit Shadcn UI
tailwind
shadcn-ui

Using shadcn-ui components in streamlit

Overview

The streamlit-shadcn-ui is a Python package that allows users to incorporate shadcn-ui components into their Streamlit applications. With this package, users can enhance the visual appeal and functionality of their Streamlit apps by adding various components such as buttons, checkboxes, select options, cards, avatars, date pickers, tables, sliders, and more.

Features

  • Button: Add interactive buttons to your Streamlit app.
  • Checkbox: Include checkboxes to allow users to select multiple options.
  • Select: Create dropdown menus for users to choose from a list of options.
  • Tabs: Organize content into tabbed sections for easier navigation.
  • Card: Display information in visually appealing cards.
  • Avatar: Add profile pictures or avatars to personalize user interfaces.
  • Date Picker: Allow users to select dates from a calendar.
  • Date Range Picker: Enable users to choose date ranges with a calendar.
  • Table: Present data in a structured and organized table format.
  • Input: Gather user input with text input fields.
  • Slider: Implement sliders to capture numeric values from users.
  • Textarea: Enable users to input longer texts with a multiline text input field.
  • Switch: Display on/off or binary choices with switches.
  • Radio Group: Create radio buttons for users to select from mutually exclusive options.
  • Alert Dialog: Show important messages or notification alerts to users.
  • Hover Card: Display additional information when users hover over a card or element.
  • Badges: Add informative badges or labels to elements.
  • Link Button: Create clickable buttons or links to navigate users to other pages or sections.

Summary

The streamlit-shadcn-ui Python package provides a collection of shadcn-ui components that can be seamlessly integrated into Streamlit applications. By utilizing these components, users can enhance the functionality and aesthetics of their Streamlit apps with features like interactive buttons, dropdown menus, tabs, cards, avatars, date pickers, tables, and more. The package is easy to install and offers a wide range of customizable components to suit various app development needs.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

shadcn-ui
Shadcn UI

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.