# Docs

- [Introduction](https://ui-x.junwen-k.dev/docs): junwen-k/ui-x is a set of beautifully designed components that you can copy and paste into your apps based on shadcn/ui. Works with your favorite frameworks and AI models. Open Source. Open Code.
- [Installation](https://ui-x.junwen-k.dev/docs/installation): How to install dependencies and structure your app.
- [Changelog](https://ui-x.junwen-k.dev/docs/changelog): Latest updates and announcements.
- [llms.txt](https://ui-x.junwen-k.dev/llms.txt)
- Primitives
  - [Date Time Field](https://ui-x.junwen-k.dev/docs/primitives/date-time-field): Date Time Field allows user to enter date and time value.
  - [Date Time Range Field](https://ui-x.junwen-k.dev/docs/primitives/date-time-range-field): Date Time Range Field allows user to enter date and time value for a range of dates.
  - [Date Picker](https://ui-x.junwen-k.dev/docs/primitives/date-picker): An unstyled date picker component.
  - [Dropzone](https://ui-x.junwen-k.dev/docs/primitives/dropzone): A dropzone is an area into which one or multiple objects can be dragged and dropped.
  - [Password Input](https://ui-x.junwen-k.dev/docs/primitives/password-input): Password Input provides a way for the user to securely enter a password, with the ability to toggle the visibility of the password.
  - [Phone Input](https://ui-x.junwen-k.dev/docs/primitives/phone-input): Phone Input allows user to enter phone number in E.164 format.
- Utilities
  - [Sortable](https://ui-x.junwen-k.dev/docs/utilities/sortable): Sortable provides a way to sort items in a list or grid.
  - [Virtualized](https://ui-x.junwen-k.dev/docs/utilities/virtualized): A virtualized component that allows you to efficiently render large lists and tabular data.
- Components
  - [Badge Group](https://ui-x.junwen-k.dev/docs/components/badge-group): A badge group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.
  - BProgress
    - [BProgress](https://ui-x.junwen-k.dev/docs/components/bprogress): A smooth progress bar for page transitions. BProgress is an upgraded version of NProgress, a minimal progress bar that provides visual feedback during page loads and navigation.
    - [Next.js](https://ui-x.junwen-k.dev/docs/components/bprogress/next): Integrating BProgress in your Next.js app.
  - [Confirmer](https://ui-x.junwen-k.dev/docs/components/confirmer): Imperative confirm dialog implementation.
  - [Date Field](https://ui-x.junwen-k.dev/docs/components/date-field): Date Field allows user to enter date value.
  - [Date Time Field](https://ui-x.junwen-k.dev/docs/components/date-time-field): Date Time Field allows user to enter date and time value.
  - [Date Time Range Field](https://ui-x.junwen-k.dev/docs/components/date-time-range-field): Date Time Range Field allows user to enter date and time value for a range of dates.
  - [Date Picker](https://ui-x.junwen-k.dev/docs/components/date-picker): A date picker component lets users select a date.
  - [Emoji Picker](https://ui-x.junwen-k.dev/docs/components/emoji-picker): A emoji picker is a component that allows users to select an emoji from a list of emojis.
  - [Description List](https://ui-x.junwen-k.dev/docs/components/description-list): A description list, with terms and descriptions.
  - [Dropzone](https://ui-x.junwen-k.dev/docs/components/dropzone): A dropzone is an area into which one or multiple objects can be dragged and dropped.
  - [Password Input](https://ui-x.junwen-k.dev/docs/components/password-input): Password Input provides a way for the user to securely enter a password, with the ability to toggle the visibility of the password.
  - [Phone Input](https://ui-x.junwen-k.dev/docs/components/phone-input): Phone Input allows user to enter phone number in E.164 format.
  - [Time Field](https://ui-x.junwen-k.dev/docs/components/time-field): Time Field allows user to enter time value.
  - [Time](https://ui-x.junwen-k.dev/docs/components/time): Displays a specific time (or datetime).
  - [Timeline](https://ui-x.junwen-k.dev/docs/components/timeline): Timeline displays a list of events in chronological order.
  - [Wheel Picker](https://ui-x.junwen-k.dev/docs/components/wheel-picker): iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.