UIlaunch
Your UI ready to take off
Component library for React Native that allows you to build modern mobile app interfaces with a focus on a styled system inspired by Shopify, using a declarative and intuitive syntax.
Features
UILaunch native offers a comprehensive set of tools to develop mobile user interfaces quickly and consistently.
React Native
Native components optimized for performance on iOS and Android.
Styled System
Design system based on properties inspired by Shopify's approach.
Declarative Syntax
Write less code with an intuitive and declarative API to create complex interfaces.
Performance
Optimized for smooth interfaces even on low-end devices.
Icons
Completed library of vector icons optimized for mobile.
Ready to deploy
Start building your app with UIlaunch today!
Components
A complete collection of UI components to build modern mobile applications.
Buttons
Botones personalizables con variantes y estados.
Cards
Tarjetas con sombras y bordes personalizables.
Fields
Form fields components with props for validation.
Icons
A complete collection of vector icons optimized for mobile applications.
Start with UIlaunch
Install UIlaunch in your React Native project and start building modern interfaces.
npm install @madefordevs1999/ui-launch-native@latest
import SelectorItem, {
SelectorGroup,
SelectorGroupDirection
} from '@madefordevs1999/ui-launch-native/system/molecules/Selector';
const Example: React.FC<any> = () => {
const [selectedOption, setSelectedOption] = useState('Hombre');
const handleChange = (value: string) => {
setSelectedOption(value);
};
return (
<SelectorGroup
direction={SelectorGroupDirection.VERTICAL}
onChange={handleChange}
value={selectedOption}>
<SelectorItem label="Hombre" size="large" />
<SelectorItem label="Mujer" size="medium" />
<SelectorItem label="Prefiero no decirlo" />
</SelectorGroup>
)
};
Meet the team
The passionate developers and designers who make this library possible
