{"_id":"@abbasalidev/pixelrn-ui","_rev":"2-79f912fee354e0a9a8cf290f04dc7e5f","name":"@abbasalidev/pixelrn-ui","dist-tags":{"latest":"0.1.1-alpha.1"},"versions":{"0.1.0-alpha.1":{"name":"@abbasalidev/pixelrn-ui","version":"0.1.0-alpha.1","keywords":["react-native","expo","ui","components","button","typescript","mobile-ui"],"author":{"name":"Abbas Ali Akhtar"},"license":"MIT","_id":"@abbasalidev/pixelrn-ui@0.1.0-alpha.1","maintainers":[{"name":"abbasalidev","email":"abbasaliakhtar1996@gmail.com"}],"dist":{"shasum":"b3152a73ef14660f31433d93fcc458beab09d15b","tarball":"https://registry.npmjs.org/@abbasalidev/pixelrn-ui/-/pixelrn-ui-0.1.0-alpha.1.tgz","fileCount":12,"integrity":"sha512-XLvem6rTU5wgS2EH2Sb5CN6nLMxTW2SGcT/v636prCv//UBrgXn6ZnaZDz6UYY5cLVJKWrmw8NqJbV00ofnJvA==","signatures":[{"sig":"MEYCIQCiC2VSyt0DWqQYQMWvGYaXJVYM0Bu7bv1m/EunqiJdrAIhAL8HEE08a/bhPCDC33FoTCuZAwPb4NShX+F2eXOTnFvg","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9968},"main":"src/index.ts","types":"src/index.ts","gitHead":"3c3b6883709ea496b9e80aa0225714a2bca18aea","_npmUser":{"name":"abbasalidev","email":"abbasaliakhtar1996@gmail.com"},"_npmVersion":"10.9.3","description":"A modern React Native UI component library for Expo and React Native apps.","directories":{},"_nodeVersion":"22.19.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^6.0.3","@types/react":"^19.2.16","@types/react-native":"^0.72.8"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.72.0"},"_npmOperationalInternal":{"tmp":"tmp/pixelrn-ui_0.1.0-alpha.1_1780854584674_0.4895475769602369","host":"s3://npm-registry-packages-npm-production"}},"0.1.1-alpha.1":{"name":"@abbasalidev/pixelrn-ui","version":"0.1.1-alpha.1","description":"A modern React Native UI component library for Expo and React Native apps.","main":"src/index.ts","types":"src/index.ts","keywords":["react-native","expo","ui","components","button","typescript","mobile-ui"],"author":{"name":"Abbas Ali Akhtar"},"license":"MIT","peerDependencies":{"react":">=18.0.0","react-native":">=0.72.0"},"devDependencies":{"@types/react":"^19.2.16","@types/react-native":"^0.72.8","typescript":"^6.0.3"},"_id":"@abbasalidev/pixelrn-ui@0.1.1-alpha.1","gitHead":"e78fa543695d2b6d2b3755041410e41682c9bb4c","_nodeVersion":"22.19.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-NpP6AUi9Y831x+Q6OQbYAsvUcraZlbg9DCYT6zCDqw2jln6ClagmRsDOIZk1IQvWf7dg3GrYXxfVZBzoQHzojw==","shasum":"2974e1349de54aab8dace82ecb589c46e6fb346a","tarball":"https://registry.npmjs.org/@abbasalidev/pixelrn-ui/-/pixelrn-ui-0.1.1-alpha.1.tgz","fileCount":12,"unpackedSize":9968,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIDDHXR2g/PmLaPb1C1i07d0iPq3dQvHBIi6n+cCIdWnzAiEA2lSKK5swuOD0d+JlNP46nuoNsrLwowD6NqXYjeIAnhs="}]},"_npmUser":{"name":"abbasalidev","email":"abbasaliakhtar1996@gmail.com"},"directories":{},"maintainers":[{"name":"abbasalidev","email":"abbasaliakhtar1996@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/pixelrn-ui_0.1.1-alpha.1_1780859765465_0.6570986528800111"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-07T17:49:44.488Z","modified":"2026-06-07T19:16:05.710Z","0.1.0-alpha.1":"2026-06-07T17:49:44.840Z","0.1.1-alpha.1":"2026-06-07T19:16:05.614Z"},"author":{"name":"Abbas Ali Akhtar"},"license":"MIT","keywords":["react-native","expo","ui","components","button","typescript","mobile-ui"],"description":"A modern React Native UI component library for Expo and React Native apps.","maintainers":[{"name":"abbasalidev","email":"abbasaliakhtar1996@gmail.com"}],"readme":"# PixelRN UI\n\nA modern, lightweight, and customizable React Native UI library built for React Native and Expo applications.\n\nPixelRN UI provides beautiful, production-ready components inspired by the best design patterns from modern UI libraries such as MUI, Chakra UI, Mantine, Ant Design, and shadcn/ui—while remaining fully native to React Native.\n\n## Features\n\n- 🚀 React Native First\n- ⚡ Expo Compatible\n- 🎨 Modern Design System\n- 📝 TypeScript Support\n- 🌙 Theme Ready\n- 📱 Cross Platform (iOS & Android)\n- 🪶 Lightweight & Performant\n- 🧩 Modular Components\n\n## Preview\n\n## Button Variants\n\n![PixelRN Showcase](./assets/button-variants.jpeg)\n\n## Installation\n\n### npm\n\n```bash\nnpm install @pixelrn/ui\n```\n\n### yarn\n\n```bash\nyarn add @pixelrn/ui\n```\n\n## Current Components\n\n### Button\n\nSupported variants:\n\n- solid\n- outline\n- ghost\n- soft\n- link\n- destructive\n\nSupported sizes:\n\n- sm\n- md\n- lg\n\n## Usage\n\n```tsx\nimport React from \"react\";\nimport { View } from \"react-native\";\nimport { Button } from \"@pixelrn/ui\";\n\nexport default function App() {\n  return (\n    <View style={{ padding: 20, gap: 12 }}>\n      <Button>Solid Button</Button>\n\n      <Button variant=\"outline\">Outline Button</Button>\n\n      <Button variant=\"ghost\">Ghost Button</Button>\n\n      <Button variant=\"soft\">Soft Button</Button>\n\n      <Button variant=\"link\">Link Button</Button>\n\n      <Button variant=\"destructive\">Delete Account</Button>\n    </View>\n  );\n}\n```\n\n## Button Variants\n\n### Solid\n\nPrimary action button.\n\n```tsx\n<Button variant=\"solid\">Save Changes</Button>\n```\n\n### Outline\n\nSecondary action button.\n\n```tsx\n<Button variant=\"outline\">Save Changes</Button>\n```\n\n### Ghost\n\nMinimal button without background or border.\n\n```tsx\n<Button variant=\"ghost\">View Details</Button>\n```\n\n### Soft\n\nSubtle background with primary-colored text.\n\n```tsx\n<Button variant=\"soft\">Continue</Button>\n```\n\n### Link\n\nText-only action.\n\n```tsx\n<Button variant=\"link\">Forgot Password?</Button>\n```\n\n### Destructive\n\nDangerous actions.\n\n```tsx\n<Button variant=\"destructive\">Delete Account</Button>\n```\n\n## Button Sizes\n\n```tsx\n<Button size=\"sm\">\n  Small\n</Button>\n\n<Button size=\"md\">\n  Medium\n</Button>\n\n<Button size=\"lg\">\n  Large\n</Button>\n```\n\n## Roadmap\n\n### v0.1.0-alpha.1\n\n- ✅ Button Component\n- ✅ Variant Support\n- ✅ Size Support\n- ✅ Loading State\n- ✅ Disabled State\n- ✅ TypeScript Support\n- ✅ Expo Support\n\n### v0.2.0\n\n- Input\n- Card\n- Badge\n- Avatar\n- Divider\n\n### v0.3.0\n\n- Modal\n- Alert Dialog\n- Toast\n- Accordion\n- Tabs\n\n### v0.4.0\n\n- Bottom Sheet\n- Dropdown\n- Select\n- Multi Select\n- Command Menu\n\n## Contributing\n\nContributions, bug reports, feature requests, and suggestions are welcome.\n\n### Before Starting Any Work\n\nIf you discover a bug, have an improvement idea, or want to propose a new feature:\n\n1. Open a GitHub Issue describing the problem, suggestion, or enhancement.\n2. Wait for discussion and approval from the maintainers.\n3. Once the issue is approved and assigned, you may start working on it.\n4. Submit a Pull Request referencing the related issue.\n\nPlease do not start development before opening an issue and receiving approval.\n\n### Contribution Process\n\n1. Fork the repository.\n2. Create a new branch from `main`.\n\n```bash\ngit checkout -b feature/your-feature-name\n```\n\n3. Make your changes.\n\n4. Test your changes thoroughly.\n\n5. Commit your changes.\n\n```bash\ngit commit -m \"feat: add new feature\"\n```\n\n6. Push your branch.\n\n```bash\ngit push origin feature/your-feature-name\n```\n\n7. Open a Pull Request and link the related GitHub Issue.\n\n## Reporting Bugs\n\nPlease include:\n\n- React Native version\n- Expo version\n- Device/Platform\n- Steps to reproduce\n- Expected behavior\n- Actual behavior\n- Screenshots (if applicable)\n\n## License\n\nMIT License © Abbas Ali Akhtar\n","readmeFilename":"README.md"}