@devlander/ui is a comprehensive UI package that provides reliable, customizable, and cross-platform components. Designed to streamline development, it helps you kickstart projects with consistent and reusable elements that work seamlessly across iOS, Android, React Native Web, React Native TV, Next.js, Xbox, and more.
🚨 Beta Notice: This package is currently in beta. While it's stable and functional for most use cases, certain features may still be evolving. Feedback and contributions are greatly appreciated to help improve the package.
- Functionality First: Reliable, prebuilt components designed to handle core functionality out of the box.
- Cross-Platform Compatibility: Works seamlessly across multiple platforms, including mobile, web, and TV.
- Cohesion Across Projects: Ensures consistency in UI/UX and functionality across different projects.
- Customizable Styling: Fully customizable to match any design system or branding.
This package was born out of the need to avoid repetitive coding of similar components—like form inputs or password fields with toggle functionality—by providing tested, reusable building blocks.
Install the package via npm or yarn:
npm install @devlander/uiyarn add @devlander/ui- Inputs:
Button,Checkbox,Input - Feedback:
Spinner,Alert - Display:
Icon,Badge - Controls:
Slider,Switch
Dropdown,AvatarGroup,MenuItem,Tooltip,Divider
Carousel(with subcomponents:Slide,Dot,PaginationStatus)Card,Accordion,Navbar,Form,Table
Breadcrumbs,Stepper
All components are highly customizable to suit your specific needs.
Contributions are welcome! If you’d like to improve this package, feel free to fork the repository and submit a pull request. Please ensure all tests pass before submitting.
For issues or feature requests, please open an issue or contact us directly.
Start building today by installing @devlander/ui:
npm install @devlander/ui