https://github.com/nandorojo/dripsy
🍷 Responsive, unstyled UI primitives for React Native + Web.
https://github.com/nandorojo/dripsy
Last synced: 10 months 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 (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2024-10-09T14:25:48.000Z (over 1 year ago)
- Last Synced: 2025-04-18T23:08:21.348Z (11 months ago)
- Language: TypeScript
- Homepage: https://dripsy.xyz
- Size: 11.6 MB
- Stars: 2,100
- Watchers: 13
- Forks: 82
- Open Issues: 21
-
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
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