npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

sarrahman-ui

v0.3.7

Published

Ready to use Tailwindcss components

Downloads

7

Readme

Sarrahman UI - Percepat Pengembangan UI Anda dengan Komponen Siap Pakai untuk React

Sarrahman UI adalah solusi untuk mempercepat pengembangan UI Anda dalam proyek React. Dengan kumpulan komponen siap pakai yang dioptimalkan menggunakan Tailwind CSS, Anda dapat dengan mudah menciptakan antarmuka yang konsisten dan menarik untuk berbagai jenis proyek.

Mengapa Memilih Sarrahman UI?

Sarrahman UI mempermudah hidup pengembang dengan menyediakan komponen-komponen yang sudah jadi. Mengapa membuang waktu berharga Anda merancang ulang komponen UI dari awal? Sarrahman UI memberikan Anda:

  • Komprehensif: Dengan berbagai komponen yang tersedia, Anda memiliki alat yang Anda butuhkan untuk memenuhi berbagai kebutuhan desain dalam proyek React Anda.

  • Fleksibel: Komponen-komponen ini dirancang untuk berjalan dengan baik dalam proyek React, termasuk penggunaan dengan Next.js.

  • Mudah digunakan: Sintaks sederhana dengan hasil yang baik, memudahkan keterbacaan kode anda dan tetap memberikan design yang elegant

Instalasi yang Mudah

Jika kamu akan menggunakan nextjs, tailwindcss dan typescript, kamu bisa langsung menggunakan :

  npx create-next-app@latest

pilihlah konfigurasi ini:

What is your project named?  my-app

Would you like to use TypeScript?  No / Yes

Would you like to use ESLint?  Yes

Would you like to use Tailwind CSS?  Yes

Would you like to use `src/` directory?  No / Yes

Would you like to use App Router? (recommended)  No / Yes

Would you like to customize the default import alias (@/*)?  No / Yes

install sarrahman-ui

  npm install sarrahman-ui

Jika kamu tidak menggunakan nextjs kamu juga dapat menggunakan ini dalam proyek React Anda dalam beberapa langkah sederhana:

  1. Instal dependensi yang diperlukan, termasuk Sarrahman UI, Tailwind CSS, dan dependensi Tailwind lainnya:

    npm install -D tailwindcss postcss autoprefixer sarrahman-ui
    npx tailwindcss init
  2. Pastikan Anda telah memasang dependensi React jika Anda ingin menggunakan Sarrahman UI dengan React:

    npm install react react-dom

Dokumentasi dan Contoh Penggunaan

Untuk panduan lengkap tentang penggunaan komponen Sarrahman UI bersama React dan contoh-contoh penggunaannya, silakan kunjungi dokumentasi Storybook kami. Anda akan menemukan dokumentasi yang komprehensif dan contoh-contoh penggunaan yang membantu Anda memulai dengan cepat dalam proyek React Anda.

Kontribusi

Kami sangat menerima kontribusi dan saran dari para pengembang yang tertarik untuk berkontribusi pada proyek ini. Meskipun saat ini proyek ini dikerjakan oleh satu orang, kami tetap terbuka untuk semua bentuk kontribusi dan kolaborasi. Jika Anda memiliki ide, saran, atau ingin berkontribusi pada proyek Sarrahman UI, jangan ragu untuk menghubungi kami dan kami sangat menghargai semua bentuk kontribusi yang Anda tawarkan.

Terima kasih telah memilih Sarrahman UI untuk mengembangkan antarmuka UI Anda dalam proyek React. Kami berharap Anda mengalami pengalaman pengembangan yang lebih cepat dan efisien dengan paket kami!

Lisensi

Proyek ini dilisensakan di bawah Lisensi MIT.

Selamat mengembangkan!