The latest articles on Forem by Muhammad Rizki Syahputra (@madriztra). https://forem.com/madriztra https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2163708%2F20ad73d2-9155-4aa7-970f-dde665d28af4.jpg https://forem.com/madriztra en Muhammad Rizki Syahputra Fri, 11 Oct 2024 01:35:03 +0000 https://forem.com/madriztra/top-5-ui-components-for-next-js-494p https://forem.com/madriztra/top-5-ui-components-for-next-js-494p <p>Hi this time I want to share ui components that I think are very cool, and free to use. Check out this post if you want to know about it</p> <p><strong>1. Aceternity UI</strong></p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fazmygyavla5iu0rrdddo.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fazmygyavla5iu0rrdddo.png" alt="Image description" width="800" height="379"></a></p> <p><strong>2. Shadcn UI</strong></p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5qfuyuxnhd3hr2dwrxo9.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5qfuyuxnhd3hr2dwrxo9.png" alt="Image description" width="800" height="381"></a></p> <p><strong>3. Magic UI</strong></p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fq47jkhk1xhdoype38clx.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fq47jkhk1xhdoype38clx.png" alt="Image description" width="800" height="382"></a></p> <p><strong>4. Pines UI</strong></p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F04763og62pdfukwsrexw.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F04763og62pdfukwsrexw.png" alt="Image description" width="800" height="381"></a></p> <p><strong>5. Next UI</strong></p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7laofhto279gj31jszyl.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7laofhto279gj31jszyl.png" alt="Image description" width="800" height="380"></a></p> <p>this is some list of ui components that i used, i hope you like this post, If you have additional lists, please comment below, thanks.</p> programming typescript nextjs frontend