Piccy

Save time and effort with our ready-to-use SVG shapes. Create beautiful, professional designs without the hassle.

Demo

Screenshot-01	Screenshot-02	Screenshot-03

Installation

Using NPM

npm install @piccy/native

Using Yarn

yarn add @piccy/native

Using PNPM

pnpm add @piccy/native

Using Bun

bun add @piccy/native

Dependencies

For Expo

bunx expo install react-native-reanimated react-native-svg

For React Native

bun add react-native-reanimated react-native-svg

Usage

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>
);

License

MIT © Krishna Gujjjar

Contributing

Contributions are welcome! Please open an issue or submit a pull request on GitHub.

Acknowledgements

• Inspired by Avvvatars
• SVG shapes by Monika Michalczyk