GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Docs
  • Resources
  • Blog

This view

  • Original page
  • New address

GeezerVison is showing www.nativewind.dev — Nativewind

Pre-release v5 of Nativewind is now available!
v5 docs
#
px-4 text-4xl text-balance tracking-tight leading-tight
#
text-5xl text-balance tracking-tight leading-tight

Style your React Native apps using Tailwind CSS.

The utility-first workflow you love from Tailwind CSS in your React Native applications. Enjoy consistent styling across platforms with the same intuitive classes.

Get Started
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
export default function WelcomeConsentScreen() { return ( <SafeAreaView style={ROOT_STYLE}> <View className="mx-auto max-w-sm flex-1 justify-between gap-4 px-8 py-4 "> <View className="ios:pt-8 pt-12">
<Text className="">
Welcome to your </Text>
<Text className="">
Application </Text> </View> <View className="gap-8"> {FEATURES.map((feature) => ( <View key={feature.title} className="flex-row gap-4"> <View className="pt-px"> <Icon name={feature.icon}
className=""
ios={{ renderingMode: 'hierarchical' }} /> </View> <View className="flex-1">
<Text className="">{feature.title}</Text>
<Text variant="footnote">{feature.description}</Text> </View> </View> ))} </View> </View> </SafeAreaView> ); } const FEATURES = [ { title: 'Profile Management', description: 'Easily update and manage your personal information, settings, and preferences', icon: 'account-circle-outline', }, { title: 'Secure Messaging', description: 'Chat securely with friends and family in real-time.', icon: 'message-processing', }, { title: 'Activity Tracking', description: 'Monitor your daily activities and track your progress over time.', icon: 'chart-timeline-variant', }, ] as const;

Welcome to your
Application

Profile Management

Easily update and manage your personal information, settings, and preferences

Secure Messaging

Chat securely with friends and family in real-time.

Activity Tracking

Monitor your daily activities and track your progress over time.

#
text-2xl px-8 pb-4 pt-8
#
text-4xl px-4 pb-8 pt-12
#
text-4xl pb-8 pt-12
Why Nativewind?

Dark/Light mode
Dark/Light mode
Read the Docs
[00]
P3 Colors
P3 Colors
Copied
to clipboard
red
orange
amber
yellow
lime
green
emerald
teal
cyan
sky
blue
indigo
violet
purple
fuchsia
pink
rose
50
100
200
300
400
500
600
700
800
900
950
Read the Docs
[01]
CSS Variables
CSS Variables
  @theme {
    --font-sans: "Inter", sans-serif;
    --font-mono: "IBM Plex Mono", monospace;

    --text-tiny: 0.625rem;
    --text-tiny--line-height: 1.5rem;
    
    --color-mint-100: oklch(0.97 0.15 145);
    --color-mint-200: oklch(0.92 0.18 145);
    --color-mint-300: oklch(0.85 0.22 145);
    --color-mint-400: oklch(0.78 0.25 145);
    --color-mint-500: oklch(0.7 0.28 145);
    --color-mint-600: oklch(0.63 0.3 145);
    --color-mint-700: oklch(0.56 0.32 145);
    --color-mint-800: oklch(0.48 0.35 145);
    --color-mint-900: oklch(0.4 0.37 145);
    --color-mint-950: oklch(0.3 0.4 145);
    --color-mint-1000: oklch(0.2 0.42 145);
    --color-mint-1100: oklch(0.1 0.45 145);
    --color-mint-1200: oklch(0.05 0.48 145);
    --color-mint-1300: oklch(0.02 0.5 145);
    --color-mint-1400: oklch(0.01 0.52 145);
    --color-mint-1500: oklch(0.005 0.55 145);
    --color-mint-1600: oklch(0.002 0.58 145);
        
Read the Docs
[03]
CSS Animations
CSS Animations
linear
ease-out
ease-in-out
ease-in
Read the Docs
[04]

#
text-2xl px-8 pb-4 pt-8
#
text-4xl px-4 pb-8 pt-12
#
text-4xl pb-8 pt-12
Who is using Nativewind?

PostHog

PostHog gives product teams analytics, session replay, feature flags, experiments, and more.

https://posthog.com/
Polar

Polar provides billing infrastructure for subscriptions, usage, invoicing, and global sales tax.

https://polar.sh/
Kortix

Kortix is an open source AI management system for agents, shared skills, company memory, and connectors.

https://www.kortix.com/
Onyx

Onyx is an open source AI assistant that connects to a company’s documents, apps, and people.

https://www.onyx.app/
Wave

Wave is the AI-powered transcription and summarization app for audio recordings and phone calls.

https://wave.co/
Folo

Folo is a personalized RSS reader and content hub for following everything in one place.

https://folo.is/
Karakeep

Karakeep is an open source app for saving, organizing, and rediscovering links, notes, and images.

https://karakeep.app/
Linkwarden

Linkwarden is a collaborative bookmark manager that preserves webpages and organizes saved links.

https://linkwarden.app/
Streamyfin

Streamyfin is an open source Jellyfin client for streaming media on iOS, tvOS, and Android.

https://streamyfin.app/
NeonCity

NeonCity: CityRunner is a high-quality mobile game built with React Native created by Daehyeon Mun.

Noona

Noona is a marketplace for services and experiences.

https://noona.app/hq
Hyppe

Hyppe es más que una aplicación de fitness, es una comunidad vibrante de personas apasionadas dedicadas a alcanzar sus metas de salud y bienestar.

SewaYou

SewaYou is a location-based social app that helps you easily find and connect with new friends both online and in person, anywhere in the world.

Brainnotes

Summarize anything, videos & PDFs and audios all in one app.

https://brainnotes.app/
Reemi

Get notifications to check in with your favorite people.

Swipey

Swipey is the next-gen financial OS that helps you manage all your business finances in one place.

https://swipey.co/
Knowhere

Easily discover what you and your friends want to do, all in your hand, all in one place.

https://knowheresocial.com/
Rovelist

Sustainable change through habits repeated daily. It's not about perfection, it's about consistency.

https://www.rovelist.app/
Avocado

Easily log your meals with the Avocado App, set flexible goals, and stay on track with your nutrition like never before.

DayStack

Take control of your daily routines. Track habits and never miss your supplements with smart reminders.

https://www.daystack.co/
Ramble

Community app for the modern van traveler.

https://ramble.guide/
Quiztr

Learn anything for school, work or fun.

https://quiztr.com/
Mylo

Mylo är appen som gör juridiken enkel. Skapa juridiska avtal på egen hand, signera säkert med BankID och spara allt i ett tryggt moln.

https://mylo.law/
Focusminny

Turn Your Phone into a Productivity Companion—Not a Distraction!

https://www.focusminny.app/
BIC Group

Beincom (BIC Group) is a social platform focused on community building.

Fluently

AI-powered English coach.

https://getfluently.app/
Shutter Mate

ShutterMate is your ultimate photography companion!

GoTogether

Discover events and find people to join you—make solo events a thing of the past.

https://gogether.app/
MindLumen

Your personal AI therapist for mental wellbeing

https://mindlumen.ai/
Hivemind

Turn any topic into your personal social media feed with AI.

https://gethivemind.app/
VibeCode

The mobile app that builds mobile apps

https://vibecodeapp.com/
PostHog

PostHog gives product teams analytics, session replay, feature flags, experiments, and more.

https://posthog.com/
Kortix

Kortix is an open source AI management system for agents, shared skills, company memory, and connectors.

https://www.kortix.com/
Wave

Wave is the AI-powered transcription and summarization app for audio recordings and phone calls.

https://wave.co/
Karakeep

Karakeep is an open source app for saving, organizing, and rediscovering links, notes, and images.

https://karakeep.app/
Streamyfin

Streamyfin is an open source Jellyfin client for streaming media on iOS, tvOS, and Android.

https://streamyfin.app/
Noona

Noona is a marketplace for services and experiences.

https://noona.app/hq
SewaYou

SewaYou is a location-based social app that helps you easily find and connect with new friends both online and in person, anywhere in the world.

Reemi

Get notifications to check in with your favorite people.

Knowhere

Easily discover what you and your friends want to do, all in your hand, all in one place.

https://knowheresocial.com/
Avocado

Easily log your meals with the Avocado App, set flexible goals, and stay on track with your nutrition like never before.

Ramble

Community app for the modern van traveler.

https://ramble.guide/
Mylo

Mylo är appen som gör juridiken enkel. Skapa juridiska avtal på egen hand, signera säkert med BankID och spara allt i ett tryggt moln.

https://mylo.law/
BIC Group

Beincom (BIC Group) is a social platform focused on community building.

Shutter Mate

ShutterMate is your ultimate photography companion!

MindLumen

Your personal AI therapist for mental wellbeing

https://mindlumen.ai/
VibeCode

The mobile app that builds mobile apps

https://vibecodeapp.com/
Polar

Polar provides billing infrastructure for subscriptions, usage, invoicing, and global sales tax.

https://polar.sh/
Onyx

Onyx is an open source AI assistant that connects to a company’s documents, apps, and people.

https://www.onyx.app/
Folo

Folo is a personalized RSS reader and content hub for following everything in one place.

https://folo.is/
Linkwarden

Linkwarden is a collaborative bookmark manager that preserves webpages and organizes saved links.

https://linkwarden.app/
NeonCity

NeonCity: CityRunner is a high-quality mobile game built with React Native created by Daehyeon Mun.

Hyppe

Hyppe es más que una aplicación de fitness, es una comunidad vibrante de personas apasionadas dedicadas a alcanzar sus metas de salud y bienestar.

Brainnotes

Summarize anything, videos & PDFs and audios all in one app.

https://brainnotes.app/
Swipey

Swipey is the next-gen financial OS that helps you manage all your business finances in one place.

https://swipey.co/
Rovelist

Sustainable change through habits repeated daily. It's not about perfection, it's about consistency.

https://www.rovelist.app/
DayStack

Take control of your daily routines. Track habits and never miss your supplements with smart reminders.

https://www.daystack.co/
Quiztr

Learn anything for school, work or fun.

https://quiztr.com/
Focusminny

Turn Your Phone into a Productivity Companion—Not a Distraction!

https://www.focusminny.app/
Fluently

AI-powered English coach.

https://getfluently.app/
GoTogether

Discover events and find people to join you—make solo events a thing of the past.

https://gogether.app/
Hivemind

Turn any topic into your personal social media feed with AI.

https://gethivemind.app/
PostHog

PostHog gives product teams analytics, session replay, feature flags, experiments, and more.

https://posthog.com/
Onyx

Onyx is an open source AI assistant that connects to a company’s documents, apps, and people.

https://www.onyx.app/
Karakeep

Karakeep is an open source app for saving, organizing, and rediscovering links, notes, and images.

https://karakeep.app/
NeonCity

NeonCity: CityRunner is a high-quality mobile game built with React Native created by Daehyeon Mun.

SewaYou

SewaYou is a location-based social app that helps you easily find and connect with new friends both online and in person, anywhere in the world.

Swipey

Swipey is the next-gen financial OS that helps you manage all your business finances in one place.

https://swipey.co/
Avocado

Easily log your meals with the Avocado App, set flexible goals, and stay on track with your nutrition like never before.

Quiztr

Learn anything for school, work or fun.

https://quiztr.com/
BIC Group

Beincom (BIC Group) is a social platform focused on community building.

GoTogether

Discover events and find people to join you—make solo events a thing of the past.

https://gogether.app/
VibeCode

The mobile app that builds mobile apps

https://vibecodeapp.com/
Polar

Polar provides billing infrastructure for subscriptions, usage, invoicing, and global sales tax.

https://polar.sh/
Wave

Wave is the AI-powered transcription and summarization app for audio recordings and phone calls.

https://wave.co/
Linkwarden

Linkwarden is a collaborative bookmark manager that preserves webpages and organizes saved links.

https://linkwarden.app/
Noona

Noona is a marketplace for services and experiences.

https://noona.app/hq
Brainnotes

Summarize anything, videos & PDFs and audios all in one app.

https://brainnotes.app/
Knowhere

Easily discover what you and your friends want to do, all in your hand, all in one place.

https://knowheresocial.com/
DayStack

Take control of your daily routines. Track habits and never miss your supplements with smart reminders.

https://www.daystack.co/
Mylo

Mylo är appen som gör juridiken enkel. Skapa juridiska avtal på egen hand, signera säkert med BankID och spara allt i ett tryggt moln.

https://mylo.law/
Fluently

AI-powered English coach.

https://getfluently.app/
MindLumen

Your personal AI therapist for mental wellbeing

https://mindlumen.ai/
Kortix

Kortix is an open source AI management system for agents, shared skills, company memory, and connectors.

https://www.kortix.com/
Folo

Folo is a personalized RSS reader and content hub for following everything in one place.

https://folo.is/
Streamyfin

Streamyfin is an open source Jellyfin client for streaming media on iOS, tvOS, and Android.

https://streamyfin.app/
Hyppe

Hyppe es más que una aplicación de fitness, es una comunidad vibrante de personas apasionadas dedicadas a alcanzar sus metas de salud y bienestar.

Reemi

Get notifications to check in with your favorite people.

Rovelist

Sustainable change through habits repeated daily. It's not about perfection, it's about consistency.

https://www.rovelist.app/
Ramble

Community app for the modern van traveler.

https://ramble.guide/
Focusminny

Turn Your Phone into a Productivity Companion—Not a Distraction!

https://www.focusminny.app/
Shutter Mate

ShutterMate is your ultimate photography companion!

Hivemind

Turn any topic into your personal social media feed with AI.

https://gethivemind.app/

#
text-2xl px-8 pb-4 pt-8
#
text-4xl px-4 pb-8 pt-12
#
text-4xl pb-8 pt-12
UI Component Kits

NativewindUI

NativewindUI

30+ beautiful components and flows that strive for a native look & feel. The perfect starting point for those who need to ship fast and look good doing it.

React Native Reusables

React Native Reusables

Build your own component libraries with react-native-reusables. Copy, paste, and tailor the code to suit your specific requirements.

gluestack

gluestack

Comprehensive React and React Native component library for building modern, high-performance web and mobile apps. Copy-paste UI components library & patterns crafted with Tailwind CSS (Nativewind).

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.