https://github.com/nandorojo/dripsy

🍷 Responsive, unstyled UI primitives for React Native + Web.
https://github.com/nandorojo/dripsy

Last synced: 28 days ago
JSON representation

🍷 Responsive, unstyled UI primitives for React Native + Web.

• Host: GitHub
• URL: https://github.com/nandorojo/dripsy
• Owner: nandorojo
• License: mit
• Created: 2020-05-07T20:06:41.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-08-04T12:54:53.000Z (3 months ago)
• Last Synced: 2024-10-05T18:04:59.921Z (about 1 month ago)
• Language: TypeScript
• Homepage: https://dripsy.xyz
• Size: 8.23 MB
• Stars: 2,014
• Watchers: 14
• Forks: 80
• Open Issues: 25
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-list - dripsy - based design system for Expo + React Native Web. | nandorojo | 726 | (TypeScript)

README

        
![og](https://user-images.githubusercontent.com/13172299/138797238-d45b7f8c-16e9-4fed-bed1-8766b7e3a7ca.png)

Unstyled, responsive UI primitives for React Native + Web.

```jsx

```

## Documentation & Installation

- [Documentation](https://dripsy.xyz)

- [Installation](https://dripsy.xyz/get-started/installation)

## Highlights

https://user-images.githubusercontent.com/13172299/136265481-4c93d5bb-15e7-4e5f-9464-64748ebf1214.mp4

- Custom fonts, edited globally

- Full TypeScript support

- Responsive styles

- Universal (Android, iOS, Web, & more)

- Works with Expo

- Works with Vanilla React Native

- Works with Next.js

- Full theme support

- Custom theme variants

- Insanely simple API (themed, responsive designs in one line!)

- Works with Animated/Reanimated/Moti

- Dark mode / custom color modes

- Memoized styles, even when written inline

- Atomic CSS classes, with `StyleSheet.create` under the hood

- Use with `@expo/vector-icons` ([example](https://github.com/nandorojo/dripsy/issues/112))

- Linear Gradient

- Performant: `sx` prop is memoized under the hood (even if you write it in render)

## Next.js Conf



I spoke at at [Next.js Conf 2021](https://fernandorojo.co/conf) on October 26 about React Native + Next.js. [Watch the video](https://www.youtube.com/watch?v=0lnbdRweJtA) to see how we do it.

## License

MIT