Hey everyone!
I just released Cascader-Shadcn, a fully customizable cascading dropdown component designed for Shadcn UI projects.
Features
<ul>
<li>Hierarchical cascading menu</li>
<li>Click or hover expansion</li>
<li>Supports icons and custom labels</li>
<li>Custom display rendering</li>
<li>Disable per option or entire component</li>
</ul>
If you’ve ever used the Cascader from Ant Design or React Suite, this brings the same functionality; but in a lightweight, Shadcn-compatible form
🔗 Demo:
<a href="https://cascader-shadcn.surge.sh/" target="_blank" rel="noopener nofollow">https://cascader-shadcn.surge.sh/</a>
🔗 Repo:
<a href="https://github.com/Ademking/cascader-shadcn" target="_blank" rel="noopener nofollow">https://github.com/Ademking/cascader-shadcn</a>

🚀 Daily Open Source Tools Squad delivers daily articles, open-source projects, and technical resources for Developers & DevOps pros. Stay updated with the latest trends & insights!

📬 Join our mailing list! → theinfinity.dev

Daily Open Source Tools

Cascader-Shadcn is a new open-source cascading dropdown component for Shadcn UI that provides hierarchical menu navigation with click or hover expansion. It supports icons, custom labels, and per-option disabling, offering similar functionality to Ant Design and React Suite cascaders in a lightweight, Shadcn-compatible package.

Cascader-shadcn: A simple Cascader component for Shadcn

Cool 👍🏼, Do you know any dates and times?

It uses a fixed-height container with horizontal overflow for the panels. That works, but it creates a lot of empty space when there are few options and requires horizontal scrolling on deeper levels, which feels less intuitive than classic dropdown cascades (where each level is positioned dynamically and grows vertically as needed).
Have you considered making each level a separate popover/drop-down with dynamic height and smart positioning? It usually gives a much better experience, especially on smaller screens.
You can see an example of that in this LinkedIn post:
<a href="https://www.linkedin.com/posts/mateo-suarez-b96558249_react-next-ui-activity-7365929591057592320-ADxj?utm_source=social_share_send&amp;utm_medium=android_app&amp;rcm=ACoAAD173aIBDydSabhTRnDvDFSW_hJQzVg5J-Q&amp;utm_campaign=copy_link" target="_blank" rel="noopener nofollow">https://www.linkedin.com/posts/mateo-suarez-b96558249_react-next-ui-activity-7365929591057592320-ADxj?utm_source=social_share_send&amp;utm_medium=android_app&amp;rcm=ACoAAD173aIBDydSabhTRnDvDFSW_hJQzVg5J-Q&amp;utm_campaign=copy_link</a>
Just a suggestion — great work overall!

Very good! But it doesn’t use the composition concept recommended by shadcn.