Effortless Sidebars with shadcn

“I don’t like building sidebars. So I built 30+ of them” – Shadcn just introduced 25+ components for all kinds of sidebars that work with Next.js, Remix, Vite & Laravel. Before we get to the resources, here’s a tweet from...

October 21, 2024

Effective Ways to Manage Shadcn Dialog Box: 3 Tips with Code

News

Effective Ways to Manage Shadcn Dialog Box: 3 Tips with Code

Recently I encountered a couple of challenging use cases with the shadcn/ui dialog box with forms as its content. As I learned to tackle them, here is what I learned to share with you, hoping that it helps you as...

September 16, 2024

News

Top 5 Coolest shadcn/ui Extensions

Shadcn/ui is without a doubt the most popular component library. It become crazy popular in the previous year or so. Nevertheless it’s not perfect and doesn’t cover all use cases. In this article we’ll explore the most popular extensions I...

July 1, 2024

News

Cara Install Laravel + Shadcn UI

Hari ini sudah banyak sekali Framework CSS seperti Bootstrap, TailwindCSS, Bulma dan masih banyak lagi yang dimana dapat mempercepat developer dalam membuat tampilan halaman website. Shadcn UI Merupakan situs yang menyediakan kumpulan komponen yang re-usable atau dapat digunakan kembali dan...

June 28, 2024

shadcn-ui/ui codebase analysis: examples route explained.

News

shadcn-ui/ui codebase analysis: examples route explained.

In this article, we will learn about examples app route in shadcn-ui/ui. This article consists of the following sections: Where is examples folder located? What is in examples/layout.tsx? Difference between examples/layout.tsx and (app)/layout.tsx Sub-routes in examples folder Where is examples...

June 11, 2024

Development News

Shadcn: Customizable and Open Source UI

What is shadcn? Shadcn stands out among the many UI frameworks and libraries as a helpful resource for developers looking for an open-source, customizable way to create stunning and useful user interfaces. Shadcn is a tool to help you build...

March 20, 2024

Development News

how to use skeleton loading next 13 with shadcn ui

In this tutorial, we will see how to use skeleton loading in next js 13 with shadcn ui. First you need to setup next js 13 with shadcn ui project. how to use shadcn ui in next js 13 Before...

March 18, 2024