{"_id":"@ahwabjnv/virtual-ui-lib","_rev":"2-d353a928a238f18d6e808d95953f196e","name":"@ahwabjnv/virtual-ui-lib","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@ahwabjnv/virtual-ui-lib","version":"1.0.0","author":{"name":"Ankush"},"license":"ISC","_id":"@ahwabjnv/virtual-ui-lib@1.0.0","maintainers":[{"name":"ahwabjnv","email":"ahwabrazaknit24@gmail.com"}],"dist":{"shasum":"f2c6c78e0455678cd31ffc23bfafcbd5e33394e9","tarball":"https://registry.npmjs.org/@ahwabjnv/virtual-ui-lib/-/virtual-ui-lib-1.0.0.tgz","fileCount":4,"integrity":"sha512-s4yMwaD2Zrz7D3k2pFZEqduu/ve+0Oid2oNTMzqlBtSiSy1LvVR1K/oBwnJpi0ERTu/zbFOMGsd+uts0w1BYyQ==","signatures":[{"sig":"MEQCIHJ0DQEgDTIMsAHtBXt6m4/imxxvKMP7Nd6GAPh/Ud9DAiBk0eEANMfMQVcZ9/cbdwWbZikesU73iOOK6QibN7WcZQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":324157},"main":"dist/index.js","module":"dist/index.mjs","scripts":{"build":"tsup"},"_npmUser":{"name":"ahwabjnv","email":"ahwabrazaknit24@gmail.com"},"_npmVersion":"11.6.2","description":"Virtual UI React Component Library","directories":{},"_nodeVersion":"25.0.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","typescript":"^5.9.3"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/virtual-ui-lib_1.0.0_1786208078426_0.36040447539847076","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@ahwabjnv/virtual-ui-lib","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":"@ahwabjnv/virtual-ui-lib@1.0.1","_nodeVersion":"25.0.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-n3DwLrFI4Z19XuWZoSouubqiCNjttmHjhvV+jEZKVnKpQedNSpINYY9TkO/tfj38wkvKxYPq10RSd/Vv+MlzBA==","shasum":"45d7476a3ad182d54da55d9c92b24c15e38f344d","tarball":"https://registry.npmjs.org/@ahwabjnv/virtual-ui-lib/-/virtual-ui-lib-1.0.1.tgz","fileCount":4,"unpackedSize":324901,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDFyyJ449IQFce/4PMsA0Ma1Q9VGKyVa77WfB1I8x4TyAIgJKNEmbSMIhwleIpPYdxwpzW+P0pPrSBoXGt/I3KOKAc="}]},"_npmUser":{"name":"ahwabjnv","email":"ahwabrazaknit24@gmail.com"},"directories":{},"maintainers":[{"name":"ahwabjnv","email":"ahwabrazaknit24@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/virtual-ui-lib_1.0.1_1786210199977_0.12445843276756552"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-08T16:54:38.290Z","modified":"2026-08-08T17:30:00.340Z","1.0.0":"2026-08-08T16:54:38.544Z","1.0.1":"2026-08-08T17:30:00.106Z"},"author":{"name":"Ankush"},"license":"ISC","description":"Virtual UI React Component Library","maintainers":[{"name":"ahwabjnv","email":"ahwabrazaknit24@gmail.com"}],"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 i @ahwabjnv/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# š§© 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\r\n```\r\n\r\n### Props\r\n\r\n| Prop | Description |\r\n| ----- | ------------ |\r\n| text | Footer text |\r\n| links | Footer links |\r\n\r\n---\r\n\r\n# š¤ Contributing\r\n\r\nContributions are welcome!\r\n\r\n* Fork the repo\r\n* Create a new branch\r\n* Submit a pull request\r\n\r\n---\r\n\r\n# š License\r\n\r\nMIT License\r\n\r\n---\r\n\r\n# š” Future Improvements\r\n\r\n* Theme system (dark/light mode)\r\n* Animation presets\r\n* Accessibility improvements\r\n* More enterprise components\r\n\r\n---\r\n\r\nMade with ā¤ļø for developers\r\n","readmeFilename":"README.md"}