GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → ahmetkuslular → react-native-with-style

ahmetkuslular / react-native-with-style

Licence: MIT License
A styling package for easily adding themes to your React Native projects.

Programming Languages

javascript
184084 projects - #8 most used programming language
java
68154 projects - #9 most used programming language
CSS
56736 projects
objective c
16641 projects - #2 most used programming language
ruby
36898 projects - #4 most used programming language
Starlark
911 projects
typescript
32286 projects

Labels

light-themereact-nativedark-themeswitch-themedark-modelight-mode

Projects that are alternatives of or similar to react-native-with-style

Light-Switch
Easily switch from light to dark theme, or the other way around, in Windows 10/11.
Stars: ✭ 25 (+47.06%)
Mutual labels:  light-theme, dark-theme, dark-mode, light-mode
hash-dark-vscode
A minimal dark vscode theme inspired by Hashnode blog syntax highlighting.
Stars: ✭ 12 (-29.41%)
Mutual labels:  dark-theme, dark-mode
obsidianmd-theme-primary
Primary is a warm, playful but productive theme for Obsidian. Its colors were inspired by Bauhaus, Scandinavian interior, and yellowing retro magazine pages. It has been described as chill and having vibes of "freshly baked goods".
Stars: ✭ 173 (+917.65%)
Mutual labels:  light-theme, dark-theme
sketch-dark-mode
Generate a dark mode version of any Sketch document, the right way.
Stars: ✭ 58 (+241.18%)
Mutual labels:  dark-theme, dark-mode
CustomTkinter
A modern and customizable python UI-library based on Tkinter
Stars: ✭ 1,626 (+9464.71%)
Mutual labels:  dark-theme, dark-mode
one-themes
One Dark and One Light Themes
Stars: ✭ 14 (-17.65%)
Mutual labels:  light-theme, dark-theme
DarkModeSplashScreen
A sample app for iOS and Android written in Xamarin.Forms showing how to implement a Splash Page for Dark Mode
Stars: ✭ 28 (+64.71%)
Mutual labels:  dark-theme, dark-mode
Nozha-rtl-Dashboard
Nozha is a rtl / ltr Admin Panel with Dark Mode
Stars: ✭ 31 (+82.35%)
Mutual labels:  dark-theme, dark-mode
Yin-and-Yang-Theme
An Obsidian.md theme with a stark contrast between dark mode and light mode, much like the Yin and Yang symbol ☯️.
Stars: ✭ 323 (+1800%)
Mutual labels:  light-theme, dark-theme
tailwind-theme-switcher
Basic demo on how to switch styles with Tailwind, handy for dark mode type purposes.
Stars: ✭ 164 (+864.71%)
Mutual labels:  dark-theme, dark-mode
emacs-humanoid-themes
Light and dark theme with bright colors for Emacs that supports GUI and terminal
Stars: ✭ 53 (+211.76%)
Mutual labels:  light-theme, dark-theme
SuggestBoxLib
A WPF Dark/Light AutoComplete TextBox that can easily handle 20.000+ entries.
Stars: ✭ 36 (+111.76%)
Mutual labels:  light-theme, dark-theme
repo-card
😎 showcase repositories on your website 🤘!
Stars: ✭ 141 (+729.41%)
Mutual labels:  light-theme, dark-theme
Deep-DarkFantasy
Global Dark Mode for ALL apps on ANY platforms.
Stars: ✭ 16 (-5.88%)
Mutual labels:  dark-theme, dark-mode
hexagonTab
Hexagon bookmarks accented with a chosen colour. Customise the layout, style, background and bookmarks with hexagonTab.
Stars: ✭ 65 (+282.35%)
Mutual labels:  light-theme, dark-theme
Ultrachromic
The final form, the true evolution of the chromic theme saga!
Stars: ✭ 160 (+841.18%)
Mutual labels:  light-theme, dark-theme
Messenger-whatsapp-UI-Flutter
Flutter chat-app UI with multiple themes & light + Dark mode.
Stars: ✭ 26 (+52.94%)
Mutual labels:  light-theme, dark-theme
Starlight
Automatic macOS Dark/Light shift based on surrounding ambient light.
Stars: ✭ 26 (+52.94%)
Mutual labels:  light-theme, dark-theme
obsidian-sanctum
A minimalist theme for Obsidian.md, with the aim of creating a serene space of retreat, for thought and uninterrupted work.
Stars: ✭ 161 (+847.06%)
Mutual labels:  dark-mode, light-mode
Mastodon-Material
Material Design Native Theme for Mastodon
Stars: ✭ 17 (+0%)
Mutual labels:  light-theme, dark-theme
View All Similar Projects ➔

React Native With Style

A styling package for easily adding themes to your React Native projects. 🌑 🔆

npm npm runs with expo

Inspiration

It's actually not that hard to style in RN projects. However, I do not like to make comparisons such as if it is dark in the component, take this color, and if it is light, take this color, and give a style in the component. That's why I always liked the styled-component logic. Passing the style a theme I created as a parameter always gives a cleaner result. and as a result such a package came out.

Features

  • clean code 🚀
  • using cached styles 🌚 🌝
  • theme management
  • system theme

Installation

yarn add react-native-with-style

Todo

  • typescript
  • direction style

Contributors

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].