Save time and effort with our ready-to-use SVG shapes. Create beautiful, professional designs without the hassle.
Screenshot-01 | Screenshot-02 | Screenshot-03 |
---|---|---|
npm install @piccy/native
yarn add @piccy/native
pnpm add @piccy/native
bun add @piccy/native
bunx expo install react-native-reanimated react-native-svg
bun add react-native-reanimated react-native-svg
import { View } from "react-native";
import { Avatar } from "@piccy/native";
export default () => (
<View style={{ flex: 1 }}>
<Avatar
source={{ uri: "https://picsum.photos/100" }}
value="[email protected]"
/>
<Avatar value="krishna gujjjar" />
<Avatar value="[email protected]" withShape={false} />
<Avatar value="piccy" />
</View>
);
MIT © Krishna Gujjjar
Contributions are welcome! Please open an issue or submit a pull request on GitHub.
- Inspired by Avvvatars
- SVG shapes by Monika Michalczyk