All Projects → thoughtbot → Rnstylingtemplate

thoughtbot / Rnstylingtemplate

A template react native project for ergonomic styling structure and patterns.

Programming Languages

typescript
32286 projects

Labels

Projects that are alternatives of or similar to Rnstylingtemplate

Guacamole Customize Loginscreen Extension
An Apache Guacamole extension to use as a template for customizing or branding the login page.
Stars: ✭ 69 (-10.39%)
Mutual labels:  template
Seed Quickstart Webpack
Template for web apps with Seed (Rust framework), TailwindCSS and Webpack.
Stars: ✭ 73 (-5.19%)
Mutual labels:  template
Wasm Template Rust
A wasm template for Rust to publish to gh-pages without npm-deploy
Stars: ✭ 76 (-1.3%)
Mutual labels:  template
Readme Template
A Readme Template For Tomorrow's Opensource
Stars: ✭ 69 (-10.39%)
Mutual labels:  template
Profile Card
Tailwind CSS Starter Template - Profile Card (Single page website for your profile/links)
Stars: ✭ 69 (-10.39%)
Mutual labels:  template
Sing App
💥Free and open-source admin dashboard template built with Bootstrap 4.5 💥
Stars: ✭ 1,187 (+1441.56%)
Mutual labels:  template
Eleventy Webpack
A barebone Eleventy and Webpack boilerplate 🎈
Stars: ✭ 68 (-11.69%)
Mutual labels:  template
Template.js
A javascript template engine, simple, easy & extras, support webpack, rollup, parcel, browserify, fis and gulp
Stars: ✭ 1,201 (+1459.74%)
Mutual labels:  template
Uikit Computer Store Template
Computer store e-commerce template
Stars: ✭ 72 (-6.49%)
Mutual labels:  template
Ml project template
Machine Learning Project Template - Ready to production
Stars: ✭ 75 (-2.6%)
Mutual labels:  template
Clojurice
An opinionated starter app for full-stack web applications in Clojure
Stars: ✭ 70 (-9.09%)
Mutual labels:  template
Simple Mvp Retrofit Example
A simple example of a project using MVP architecture and Retrofit 2.0 library for Android for beginners.
Stars: ✭ 70 (-9.09%)
Mutual labels:  template
Bootstrap Xd
Bootstrap Design Template — Assets Library — for Adobe XD
Stars: ✭ 74 (-3.9%)
Mutual labels:  template
Tufte Latex
A Tufte-inspired LaTeX class for producing handouts, papers, and books
Stars: ✭ 1,161 (+1407.79%)
Mutual labels:  template
Pytorch Project Template
Deep Learning project template for PyTorch (Distributed Learning is supported)
Stars: ✭ 76 (-1.3%)
Mutual labels:  template
Phpstorm Laravel Live Templates
Laravel Live Templates for PhpStorm
Stars: ✭ 1,157 (+1402.6%)
Mutual labels:  template
Dotnet Template Onion
Onion Architecture with .NET 5/.NET Core and CQRS/Event Sourcing following a DDD approach
Stars: ✭ 70 (-9.09%)
Mutual labels:  template
Nim Templates
A simple string templating library for Nim
Stars: ✭ 76 (-1.3%)
Mutual labels:  template
Expo Three Demo
🍎👩‍🏫 Collection of Demos for THREE.js in Expo!
Stars: ✭ 76 (-1.3%)
Mutual labels:  template
Staradmin Free Bootstrap Admin Template
A Free Responsive Admin Dashboard Template Built With Bootstrap 4. Elegant UI Theme for Your Web App!
Stars: ✭ 1,191 (+1446.75%)
Mutual labels:  template

React Native TypeScript Styles Example

React Native TypeScript Styles is an example project demonstrating how to apply styles in react native using react-native-typescript-styles.

Setup

Install the JavaScript packages

yarn install

Install the Pods

npx pod-install

Build and run the app

yarn ios

// or

yarn android

Organization

The example app is a single screen with a section for each style module.

Base Example

The first section of the app, showing a header, some text, and a button.

Colors

A section of the app, showing a list of neutral colors. A section of the app, showing a list of primary and secondary colors.

Typography

A section of the app, showing the typographic options.

About thoughtbot

thoughtbot

React Native TypeScript Styles Example is maintained and funded by thoughtbot, inc. The names and logos for thoughtbot are trademarks of thoughtbot, inc.

We love open source software! See our other projects or hire us to design, develop, and grow your product.

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