{"_id":"@adityagupta1112004/vector-ui-lib","name":"@adityagupta1112004/vector-ui-lib","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.1":{"name":"@adityagupta1112004/vector-ui-lib","version":"1.0.1","description":"Vector UI React Component Library","author":{"name":"Aditya"},"license":"ISC","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","scripts":{"build":"tsup","test":"jest"},"peerDependencies":{"react":">=18"},"devDependencies":{"@testing-library/jest-dom":"^6.9.1","@testing-library/react":"^16.3.2","@testing-library/user-event":"^14.6.1","@types/jest":"^30.0.0","@types/react":"^19.2.17","identity-obj-proxy":"^3.0.0","jest":"^30.4.2","jest-environment-jsdom":"^30.4.1","ts-jest":"^29.4.11","tsup":"^8.5.1","typescript":"^5.9.3"},"dependencies":{"dotenv":"^17.4.2","lucide-react":"^1.24.0"},"gitHead":"66f652d24ac2cbae9e118381ac3f1e7d02706870","_id":"@adityagupta1112004/vector-ui-lib@1.0.1","_nodeVersion":"22.13.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-eWQQbKGq5HfY12vG5zJhlcIlCeKRNK8yY6Y5kd/j0KCHxt4EJ2IQs9ZsKsO1ToCAv7QQe8TVC77XF8kr6MRmpQ==","shasum":"0cd7e852fe1e5e6019a5e98b4c43909afe84602b","tarball":"https://registry.npmjs.org/@adityagupta1112004/vector-ui-lib/-/vector-ui-lib-1.0.1.tgz","fileCount":7,"unpackedSize":357592,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCxXKIGpezrl1rp/ePhQoPz8xA0ryD3Ym97Jslw4+QCfwIgTXOEc2aWqf8Wsfa9m66UPyfieuGqLdniZ5xVMlflHp4="}]},"_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/vector-ui-lib_1.0.1_1784055671596_0.37648235207154057"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-14T19:01:11.339Z","1.0.1":"2026-07-14T19:01:11.751Z","modified":"2026-07-14T19:01:11.989Z"},"maintainers":[{"name":"adityagupta1112004","email":"adityagupta1112004vns@gmail.com"}],"description":"Vector UI React Component Library","author":{"name":"Aditya"},"license":"ISC","readme":"# 🌐 Live Demo\r\n\r\n👉 https://vector-ui-client.onrender.com\r\n\r\n---\r\n\r\n# Vector 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/vector-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 \"vector-ui-lib\"\r\n\r\nfunction App() {\r\n  return (\r\n    <>\r\n      <Navbar />\r\n      <Sidebar />\r\n\r\n      <div style={{ padding: \"20px\" }}>\r\n        <AvatarCard />\r\n        <PricingCard />\r\n        <OTPInput />\r\n        <Loader />\r\n      </div>\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<AvatarCard />\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<Navbar />\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<Sidebar />\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<PricingCard />\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<OTPInput length={6} />\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<Loader />\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<NotificationToast message=\"Saved!\" />\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<Charts />\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<ColorPicker />\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<FileUpload />\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<ImageCard />\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<ImageSlider />\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<BackgroundImageSlider />\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<InvoiceCard />\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<RatingStars rating={4} />\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<PageLoader />\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<Footer />\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","_rev":"1-82ea02b9cddb0260d4c55da80a34035e"}