ShadcnUI Blocks Used AI
Collection of Blocks for Internal Tools UI; Dashboard, Admin, Monitoring, and many more!.
This project is a collection of blocks built on top of ShadcnUI Components for ReactJS. It’s fully open source, and I’d love for anyone interested to contribute by adding their own blocks! Over time, this project will include a variety of component blocks, such as admin dashboards, CMS-related dashboards, and more.
Followers
Hexaa
Check their project out: Wackanel - Mirror with ease
Rubiriku
Check their projects out: Arcade game hub, Theme-jekyll
Rainier P.S.
Check their project out: Terminal Zen Garden
Ankur Grewal
Whoops! Looks like they don't have a project yet. Maybe ask them to start one?
dave9123
Check their projects out: Recall Me, Lenie, InstaQuote
Tymek
Check their projects out: Agin CI, Agin Auth, Wasona, Agin Sensors, Agin Slides
reig4s
Check their projects out: Edugram, WASP: A Wi-Fi Sensing platform using bunch of ESP32!!!, LMS
sillyangel
Check their projects out: Mice (Navidrome Client), JoySpoofer (Color Spoofer)
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
Add Copy Dependency button which allows user to copy required dependencies to use current block. I also add button to view the source code of the block which will direct user to the github source code of the file
Add generated SEO Metadata on each block page (generated static site).
- Next up im going to add SEO Metadata on each block category page
Add Copy Dependencies button, this let users to copy required libraries to install—such as framer motion, radix ui—and also required shadcn components, therefore user only need to paste it onto their terminal to install the required dependencies.
Add arrow key feature in command navigation, so you can navigate between block by pressing Command + K then using the arrow keys ↑↓!
Add 5 Confidential Access pages, this components is more easier to make compared to making the components for pricing section.
This pages mostly used by Fullstack Webapp Dev to make their internal tool for the company.
The pricing section kinda complex and give me a bit dizzy, so after I work on the first pricing comparison block, now i work for this block to show state of confidential page.
I'm currently building for the Pricing Blocks! There will be pricing components released on the web!
I add the blocks data to the command palette, so it's now much easier to navigate between blocks!
Add Responsive View for Block Page! Here you can see the block component in different views; desktop, tablet, mobile, or even a custom width you want!
Complete the Icons for this sidebar.
- restructure the source code so therefore the blocks category is in separate page
- restructure the layout
- improve website performance
Hello all!
Finally, after hours of dedication, the foundational website for this project is nearly done. I had done so much by adding more shadcn blocks (reactjs components) like Dashboard Bills, Auth Components, Systems Monitoring components and more! This is entirely Open Source project so you can add your blocks too!
Made with NextJS & Shadcn UI component.
Introducing!
Open Source ShadcnUI Blocks for ReactJS, shadcn components has been gaining popularity in the last 2 years, however it's still quiet hard for Fullstack Developer to find great (and free) shadcn blocks for their dashboard app. Therefore with this Open Source project, I want to help other fullstack devs to be focusing more on developing the app rather than spending too much time in front-end side.
This project is still on going, and many more blocks will be added!
I'd be glad if anyone interested to contribute, you can add more blocks or even improve this project code base!
Made with love from Indonesia!
