EvanBacon / Expo Dark Mode Switch
Licence: mit
A beautiful React dark mode switch component for iOS, Android, and Web
Stars: ✭ 137
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Expo Dark Mode Switch
Match Media
Universal polyfill for match media API using Expo APIs on mobile
Stars: ✭ 95 (-30.66%)
Mutual labels: expo, react-native-web, css-in-js
Expo Spotify
Spotify UI Clone with React Native & Expo || web support => https://expo-spotify.vercel.app
Stars: ✭ 287 (+109.49%)
Mutual labels: expo, react-native-web
Division
Simple to use yet powerfull style widgets with syntax inspired by CSS.
Stars: ✭ 262 (+91.24%)
Mutual labels: style, animated
Examples
Example projects that demonstrate how to use Expo APIs and integrate Expo with other popular tools
Stars: ✭ 747 (+445.26%)
Mutual labels: expo, react-native-web
Expo Cli
Tools for creating, running, and deploying universal Expo and React Native apps
Stars: ✭ 1,993 (+1354.74%)
Mutual labels: expo, react-native-web
react-flappy-bird
A side-scroller where the player controls a bird, attempting to fly between columns of green pipes without hitting them.
Stars: ✭ 55 (-59.85%)
Mutual labels: react-native-web, expo
React Native Svg Animated Linear Gradient
A wrap SVG component for animated linear gradient
Stars: ✭ 418 (+205.11%)
Mutual labels: expo, animated
pro-chat
Full featured chat app built with 💙 Expo & Firebase 🔥
Stars: ✭ 24 (-82.48%)
Mutual labels: react-native-web, expo
Snackui
SnackUI 🍑 - the final React style library. With an *optimizing compiler* that lets you write views naturally, with easier DX, working on native and web at once, all while being faster than hand-rolling your own CSS.
Stars: ✭ 55 (-59.85%)
Mutual labels: react-native-web, css-in-js
Lego Expo
Play with Lego bricks anywhere using Expo
Stars: ✭ 65 (-52.55%)
Mutual labels: expo, react-native-web
Instagram
A universal instagram clone built with Expo
Stars: ✭ 258 (+88.32%)
Mutual labels: expo, react-native-web
glitz
Lightweight CSS-in-JS library with high performance written in TypeScript
Stars: ✭ 42 (-69.34%)
Mutual labels: style, css-in-js
React Native Web
React Native Components and APIs for the Web
Stars: ✭ 19,563 (+14179.56%)
Mutual labels: react-native-web, css-in-js
css-render
Generating CSS using JS with considerable flexibility and extensibility, at both server side and client side.
Stars: ✭ 137 (+0%)
Mutual labels: style, css-in-js
Aiflatswitch
Nicely animated flat design switch alternative to UISwitch
Stars: ✭ 904 (+559.85%)
Mutual labels: switch, animated
Glamorous Primitives
💄 style primitive React interfaces with glamorous
Stars: ✭ 91 (-33.58%)
Mutual labels: style, css-in-js
Welcome to the Expo Dark Mode Switch 👋
Based on a component from the home screen of twizzle by @thekitze. Converted to Expo for use in iOS, Android, and Web apps.
Install
yarn add expo-dark-mode-switch && expo install react-native-svg
# or
npm install --save expo-dark-mode-switch && expo install react-native-svg
Example
import * as React from 'react';
import Switch from 'expo-dark-mode-switch';
export default function App() {
const [value, setValue] = React.useState(true);
return <Switch value={value} onChange={value => setValue(value)} />;
}
🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check issues page.
Show your support
Give a ⭐️ if this project helped you!
📝 License
Copyright © 2020 Evan Bacon.
This project is MIT licensed.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].