{"_id":"@butcher07/virtual-ui-component","name":"@butcher07/virtual-ui-component","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.1":{"name":"@butcher07/virtual-ui-component","version":"1.0.1","description":"Virtual UI React Component Library","author":{"name":"Ankush"},"license":"ISC","main":"dist/index.js","module":"dist/index.mjs","scripts":{"build":"tsup"},"peerDependencies":{"react":">=18"},"devDependencies":{"tsup":"^8.5.1","typescript":"^5.9.3"},"_id":"@butcher07/virtual-ui-component@1.0.1","_nodeVersion":"24.16.0","_npmVersion":"11.13.0","dist":{"integrity":"sha512-9O1xNDjqQK8hfMXLvawYmiWvZSURtFyXwZ5hEBS7bdt6tOSFCKMnttPGOZ92DO/w7WiApti5XGNhgXD5AIKmpQ==","shasum":"665f9de06837edd499a7c9c8bb038763a0723e08","tarball":"https://registry.npmjs.org/@butcher07/virtual-ui-component/-/virtual-ui-component-1.0.1.tgz","fileCount":4,"unpackedSize":324164,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAwASRmKavbEbmG5UQt2vYKkN8j2On5AaGslMDf9MUjPAiB6fMe+Zp2UDLu9Uu69J2ZOumkNWwCMDbsD309lFqZNCw=="}]},"_npmUser":{"name":"butcher07","email":"prachetus01@gmail.com"},"directories":{},"maintainers":[{"name":"butcher07","email":"prachetus01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/virtual-ui-component_1.0.1_1783499575786_0.2914103143022584"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-08T08:32:55.665Z","1.0.1":"2026-07-08T08:32:55.930Z","modified":"2026-07-08T08:32:56.094Z"},"maintainers":[{"name":"butcher07","email":"prachetus01@gmail.com"}],"description":"Virtual UI React Component Library","author":{"name":"Ankush"},"license":"ISC","readme":"# šŸŒ Live Demo\r\n\r\nšŸ‘‰ https://virtual-ui-client.onrender.com\r\n\r\n---\r\n\r\n# Virtual UI\r\n\r\nA modern and customizable **React UI Component Library** designed for fast development and clean design systems.\r\n\r\n---\r\n\r\n## šŸ“¦ Install\r\n\r\n```bash\r\nnpm install virtual-ui-lib\r\n```\r\n\r\n---\r\n\r\n## šŸš€ Usage\r\n\r\n```jsx\r\nimport {\r\n Navbar,\r\n Sidebar,\r\n AvatarCard,\r\n PricingCard,\r\n Loader,\r\n OTPInput\r\n} from \"virtual-ui-lib\"\r\n\r\nfunction App() {\r\n return (\r\n <>\r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n```\r\n\r\n---\r\n\r\n# šŸ§© Components\r\n\r\nVirtual UI includes the following components:\r\n\r\n* AvatarCard\r\n* BackgroundImageSlider\r\n* Charts\r\n* ColorPicker\r\n* FileUpload\r\n* Footer\r\n* ImageCard\r\n* ImageSlider\r\n* InvoiceCard\r\n* Loader\r\n* Navbar\r\n* NotificationToast\r\n* OTPInput\r\n* PageLoader\r\n* PricingCard\r\n* RatingStars\r\n* Sidebar\r\n\r\n---\r\n\r\n# šŸ“˜ Component Details\r\n\r\n---\r\n\r\n## AvatarCard\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| ----- | ------------ |\r\n| name | User name |\r\n| image | Avatar image |\r\n| role | User role |\r\n| size | Card size |\r\n\r\n---\r\n\r\n## Navbar\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| ----- | ---------------- |\r\n| logo | Logo text/image |\r\n| links | Navigation links |\r\n| fixed | Sticky navbar |\r\n\r\n---\r\n\r\n## Sidebar\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| --------- | -------------- |\r\n| items | Sidebar items |\r\n| collapsed | Collapse state |\r\n\r\n---\r\n\r\n## PricingCard\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| ----------- | ---------------- |\r\n| title | Plan name |\r\n| price | Plan price |\r\n| features | List of features |\r\n| highlighted | Highlight plan |\r\n\r\n---\r\n\r\n## OTPInput\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| -------- | ------------------ |\r\n| length | Number of digits |\r\n| onChange | OTP change handler |\r\n\r\n---\r\n\r\n## Loader\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| ----- | ------------ |\r\n| size | Loader size |\r\n| color | Loader color |\r\n\r\n---\r\n\r\n## NotificationToast\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| ------- | ---------------------- |\r\n| message | Toast text |\r\n| type | success / error / info |\r\n\r\n---\r\n\r\n## Charts\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| ---- | ---------------- |\r\n| type | bar / line / pie |\r\n| data | Chart data |\r\n\r\n---\r\n\r\n## ColorPicker\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| -------- | -------------- |\r\n| value | Selected color |\r\n| onChange | Change handler |\r\n\r\n---\r\n\r\n## FileUpload\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| -------- | -------------------- |\r\n| onUpload | Upload handler |\r\n| multiple | Allow multiple files |\r\n\r\n---\r\n\r\n## ImageCard\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| ----- | ------------ |\r\n| src | Image source |\r\n| title | Image title |\r\n\r\n---\r\n\r\n## ImageSlider\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| -------- | ----------- |\r\n| images | Image array |\r\n| autoPlay | Auto slide |\r\n\r\n---\r\n\r\n## BackgroundImageSlider\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| ------- | ----------------- |\r\n| images | Background images |\r\n| overlay | Overlay color |\r\n\r\n---\r\n\r\n## InvoiceCard\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| --------- | -------------- |\r\n| invoiceId | Invoice ID |\r\n| amount | Amount |\r\n| status | Paid / Pending |\r\n\r\n---\r\n\r\n## RatingStars\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| -------- | --------------- |\r\n| rating | Number of stars |\r\n| onChange | Change handler |\r\n\r\n---\r\n\r\n## PageLoader\r\n\r\n```jsx\r\n\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| ---------- | ---------------- |\r\n| fullScreen | Full page loader |\r\n\r\n---\r\n\r\n## Footer\r\n\r\n```jsx\r\n