{"_id":"@adityagupta1112004/virtual-ui-lib","_rev":"2-821f2ca5024d08ba39c7ba40458a8844","name":"@adityagupta1112004/virtual-ui-lib","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@adityagupta1112004/virtual-ui-lib","version":"1.0.0","author":{"name":"Ankush"},"license":"ISC","_id":"@adityagupta1112004/virtual-ui-lib@1.0.0","maintainers":[{"name":"adityagupta1112004","email":"adityagupta1112004vns@gmail.com"}],"dist":{"shasum":"ace734b466e6baf66d558844a12b708859b50314","tarball":"https://registry.npmjs.org/@adityagupta1112004/virtual-ui-lib/-/virtual-ui-lib-1.0.0.tgz","fileCount":4,"integrity":"sha512-0GOZGsHZZL4skTMGNxjhNCL3E6I/SLqtQbnsqK22luMImG8jAwyw3r/ftVIX7VlRAm0DrvsKOLTd0jSqbqAGrg==","signatures":[{"sig":"MEYCIQCYYLjSSB/CQxRrqxcF60FLsxYxDiF23nCVtUemQmoOEgIhANLZvT7ItCfeCMQSE9ZoJsC89QimSgmk7br1nltl1Wlu","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":324167},"main":"dist/index.js","module":"dist/index.mjs","gitHead":"c74f73b2c40ad64ffcfc96ad6e89e779e4fb9d0a","scripts":{"build":"tsup"},"_npmUser":{"name":"adityagupta1112004","email":"adityagupta1112004vns@gmail.com"},"_npmVersion":"11.12.1","description":"Virtual UI React Component Library","directories":{},"_nodeVersion":"22.13.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","typescript":"^5.9.3"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/virtual-ui-lib_1.0.0_1783856124744_0.10956664177231645","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@adityagupta1112004/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"},"gitHead":"c74f73b2c40ad64ffcfc96ad6e89e779e4fb9d0a","_id":"@adityagupta1112004/virtual-ui-lib@1.0.1","_nodeVersion":"22.13.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-j7rVZnV22Gx+TY8LKwuTVl0mdi5YQ3LLndc4ZgRgkPDwHebysGKELNbQEO83blRL+oHlGfd/LarstF/8/UsrIQ==","shasum":"c97951e1239405b2db9fbfbb58b6b98703c3447c","tarball":"https://registry.npmjs.org/@adityagupta1112004/virtual-ui-lib/-/virtual-ui-lib-1.0.1.tgz","fileCount":4,"unpackedSize":324181,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDoIpR44fs7LMpDPfDTaoM4sjhEgpTIpOfdL6PFIGBZwAIgIo9KWnA0XUz5ormy5GMMDheqTizUMsDX0BOwN5SiBEU="}]},"_npmUser":{"name":"adityagupta1112004","email":"adityagupta1112004vns@gmail.com"},"directories":{},"maintainers":[{"name":"adityagupta1112004","email":"adityagupta1112004vns@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/virtual-ui-lib_1.0.1_1783857486412_0.48606367132887685"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-12T11:35:24.587Z","modified":"2026-07-12T11:58:06.642Z","1.0.0":"2026-07-12T11:35:24.876Z","1.0.1":"2026-07-12T11:58:06.543Z"},"author":{"name":"Ankush"},"license":"ISC","description":"Virtual UI React Component Library","maintainers":[{"name":"adityagupta1112004","email":"adityagupta1112004vns@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 @adityagupta1112004/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"}