Shadcn studio
Hi Everyone, The most awaited Shadcn studio Shadcn studioShadcn studio, is finally out now. It is a platform designed to streamline UI component integration for developers using shadcn/ui. It’s built to make workflows faster and more intuitive, with a focus on clean design and usability.I’d love to get your thoughts! Specifically: What do you think of the UI/UX? Is it intuitive for integrating components? Are there any features you’d like to see added or improved? How’s the performance for you? Any bugs or hiccups? General impressions—does it feel like a tool you’d use? Features: Live Theme Generator: See your shadcn components transform instantly as you experiment with styles in real time. Color Mastery: Play with background, text, and border hues using a sleek color picker for a unified design. Typography Fine-Tuning: Perfect your text with adjustable font sizes, weights, and transformations for a polished look. Tailwind v4 Compatibility: Effortlessly use Tailwind v4, supporting OKLCH, HSL, RGB & HEX color formats. Stunning Theme Starters: Kick off with gorgeous pre-built themes and customize light or dark modes in a breeze. Hold to Save Theme: Preserve your custom themes with a quick hold, making them easy to reuse or share later. Feel free to try it out and share any feedback, critiques, or suggestions. I’m all ears and want to make this as useful as possible for the dev community. Thanks in Advance.
Nandini Singh 4 days ago
Shadcn studio
Hi Everyone, The most awaited Shadcn studio Shadcn studioShadcn studio, is finally out now. It is a platform designed to streamline UI component integration for developers using shadcn/ui. It’s built to make workflows faster and more intuitive, with a focus on clean design and usability.I’d love to get your thoughts! Specifically: What do you think of the UI/UX? Is it intuitive for integrating components? Are there any features you’d like to see added or improved? How’s the performance for you? Any bugs or hiccups? General impressions—does it feel like a tool you’d use? Features: Live Theme Generator: See your shadcn components transform instantly as you experiment with styles in real time. Color Mastery: Play with background, text, and border hues using a sleek color picker for a unified design. Typography Fine-Tuning: Perfect your text with adjustable font sizes, weights, and transformations for a polished look. Tailwind v4 Compatibility: Effortlessly use Tailwind v4, supporting OKLCH, HSL, RGB & HEX color formats. Stunning Theme Starters: Kick off with gorgeous pre-built themes and customize light or dark modes in a breeze. Hold to Save Theme: Preserve your custom themes with a quick hold, making them easy to reuse or share later. Feel free to try it out and share any feedback, critiques, or suggestions. I’m all ears and want to make this as useful as possible for the dev community. Thanks in Advance.
Nandini Singh 4 days ago
Shadcn studio
Hi Everyone, The most awaited Shadcn studio Shadcn studioShadcn studio, is finally out now. It is a platform designed to streamline UI component integration for developers using shadcn/ui. It’s built to make workflows faster and more intuitive, with a focus on clean design and usability.I’d love to get your thoughts! Specifically: What do you think of the UI/UX? Is it intuitive for integrating components? Are there any features you’d like to see added or improved? How’s the performance for you? Any bugs or hiccups? General impressions—does it feel like a tool you’d use? Features: Live Theme Generator: See your shadcn components transform instantly as you experiment with styles in real time. Color Mastery: Play with background, text, and border hues using a sleek color picker for a unified design. Typography Fine-Tuning: Perfect your text with adjustable font sizes, weights, and transformations for a polished look. Tailwind v4 Compatibility: Effortlessly use Tailwind v4, supporting OKLCH, HSL, RGB & HEX color formats. Stunning Theme Starters: Kick off with gorgeous pre-built themes and customize light or dark modes in a breeze. Hold to Save Theme: Preserve your custom themes with a quick hold, making them easy to reuse or share later. Feel free to try it out and share any feedback, critiques, or suggestions. I’m all ears and want to make this as useful as possible for the dev community. Thanks in Advance.
Nandini Singh 4 days ago
Shadcn studio
Hi Everyone, The most awaited Shadcn studio Shadcn studioShadcn studio, is finally out now. It is a platform designed to streamline UI component integration for developers using shadcn/ui. It’s built to make workflows faster and more intuitive, with a focus on clean design and usability.I’d love to get your thoughts! Specifically: What do you think of the UI/UX? Is it intuitive for integrating components? Are there any features you’d like to see added or improved? How’s the performance for you? Any bugs or hiccups? General impressions—does it feel like a tool you’d use? Features: Live Theme Generator: See your shadcn components transform instantly as you experiment with styles in real time. Color Mastery: Play with background, text, and border hues using a sleek color picker for a unified design. Typography Fine-Tuning: Perfect your text with adjustable font sizes, weights, and transformations for a polished look. Tailwind v4 Compatibility: Effortlessly use Tailwind v4, supporting OKLCH, HSL, RGB & HEX color formats. Stunning Theme Starters: Kick off with gorgeous pre-built themes and customize light or dark modes in a breeze. Hold to Save Theme: Preserve your custom themes with a quick hold, making them easy to reuse or share later. Feel free to try it out and share any feedback, critiques, or suggestions. I’m all ears and want to make this as useful as possible for the dev community. Thanks in Advance.
Nandini Singh 4 days ago
Color Picker Component with preview
It would be greate if there is also a color picker for multipe formats like (hax, rgb, rgba)
Sujood Qureshi 6 days ago
Color Picker Component with preview
It would be greate if there is also a color picker for multipe formats like (hax, rgb, rgba)
Sujood Qureshi 6 days ago
Credit Card components
The regular credit card components: Card Holder, this can be just a regular input Card Number with formatting Expiration date, this one is tricky because it needs to have a popup on mobile for easy selection and also the validation. CCV or CVC, can also be just a number input. The amount of code it took me to make something that looks like e-commerce is insane, so maybe having it as a reusable component would be helpful for others.
Mario Pon 11 days ago
Credit Card components
The regular credit card components: Card Holder, this can be just a regular input Card Number with formatting Expiration date, this one is tricky because it needs to have a popup on mobile for easy selection and also the validation. CCV or CVC, can also be just a number input. The amount of code it took me to make something that looks like e-commerce is insane, so maybe having it as a reusable component would be helpful for others.
Mario Pon 11 days ago
Star Rating Component
I kinda plan to make an app for selling houses for a friend, i think it would be really nice if you have rating component
Alim Kakani 15 days ago
Star Rating Component
I kinda plan to make an app for selling houses for a friend, i think it would be really nice if you have rating component
Alim Kakani 15 days ago
Value range picker with double slider
Description: A double slider component allowing users to select a minimum and maximum value within a defined range. The slider should support: Stepped Values: Customizable steps between values. Complete Values: Option to select whole numbers or specific values without steps. Dynamic Range: Ability to set min and max values. Optional Labels: Show current min and max selections above the handles. Optional Tooltips: Display the value while sliding. Use Case: Perfect for forms where users define numeric ranges — like price filters, age ranges, or percentage selections.
How About 2 months ago
Value range picker with double slider
Description: A double slider component allowing users to select a minimum and maximum value within a defined range. The slider should support: Stepped Values: Customizable steps between values. Complete Values: Option to select whole numbers or specific values without steps. Dynamic Range: Ability to set min and max values. Optional Labels: Show current min and max selections above the handles. Optional Tooltips: Display the value while sliding. Use Case: Perfect for forms where users define numeric ranges — like price filters, age ranges, or percentage selections.
How About 2 months ago
Multi Language Single Section
Can you build the component like my image with some rule require field and ref. I try but can not use ref of react hook form to scroll to it
Duy Cao Thiện 4 months ago
Multi Language Single Section
Can you build the component like my image with some rule require field and ref. I try but can not use ref of react hook form to scroll to it
Duy Cao Thiện 4 months ago
I want to contribute to this project. Can someone tell me how can I be a part of this community. I have worked upon multiple form builders and made such projects before thats why I am interested.
Priyanshu Gupta 4 months ago
I want to contribute to this project. Can someone tell me how can I be a part of this community. I have worked upon multiple form builders and made such projects before thats why I am interested.
Priyanshu Gupta 4 months ago
Replace `INPUT_NAME` with `INPUT_LABEL`
Not sure how to explain this but simply if you look at the screenshot below: You can see how they all say Input which can get confusing so I am recommending showing the input label instead of the input type, or maybe some way of showing both by separating them by the | symbol or even doing LABEL (TYPE)
TechLionDev 4 months ago
Replace `INPUT_NAME` with `INPUT_LABEL`
Not sure how to explain this but simply if you look at the screenshot below: You can see how they all say Input which can get confusing so I am recommending showing the input label instead of the input type, or maybe some way of showing both by separating them by the | symbol or even doing LABEL (TYPE)
TechLionDev 4 months ago
turn this project to be framework agnostic
I think this project has the potential to be framework agnostic very easily with a few tweaks at the end of the day it’s codegen it’s possible to have blocks in all major frameworks that proted shadcn like vue and svelte and it simply uses different blocks based on the framework selected while keeping the building process the same
azez 5 months ago
turn this project to be framework agnostic
I think this project has the potential to be framework agnostic very easily with a few tweaks at the end of the day it’s codegen it’s possible to have blocks in all major frameworks that proted shadcn like vue and svelte and it simply uses different blocks based on the framework selected while keeping the building process the same
azez 5 months ago