diff --git a/docs/src/content/docs/v3/examples/examples.mdx b/docs/src/content/docs/v3/examples/examples.mdx
index 738d655d..b051ccf4 100644
--- a/docs/src/content/docs/v3/examples/examples.mdx
+++ b/docs/src/content/docs/v3/examples/examples.mdx
@@ -11,6 +11,8 @@ import Seo from '../../../../components/Seo.astro'
title: 'Examples',
description: 'Browse examples using react-native-unistyles'
}}
-/>
+>
🚧 Work is progress. Examples will be released soon.
+
+
diff --git a/docs/src/content/docs/v3/guides/avoiding-keyboard.mdx b/docs/src/content/docs/v3/guides/avoiding-keyboard.mdx
index 8bf67880..680dd239 100644
--- a/docs/src/content/docs/v3/guides/avoiding-keyboard.mdx
+++ b/docs/src/content/docs/v3/guides/avoiding-keyboard.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Keyboard insets (IME)',
description: 'Learn how to avoid keyboard with Unistyles'
}}
-/>
+>
Unistyles 3.0 introduces a new `inset` called `ime`, which is automatically animated when the keyboard appears or disappears.
Using this inset in your style will automatically register it for future updates.
@@ -54,3 +54,5 @@ const styles = StyleSheet.create(theme => ({
In this example, the `container` will automatically adjust to avoid the keyboard, ensuring the `input` remains visible at all times.
+
+
diff --git a/docs/src/content/docs/v3/guides/custom-web.mdx b/docs/src/content/docs/v3/guides/custom-web.mdx
index fe1a1c47..4d97c545 100644
--- a/docs/src/content/docs/v3/guides/custom-web.mdx
+++ b/docs/src/content/docs/v3/guides/custom-web.mdx
@@ -11,7 +11,9 @@ import Seo from '../../../../components/Seo.astro'
title: 'Custom Web integration',
description: 'Learn how to use Unistyles 3.0 without React Native Web'
}}
-/>
+>
🚧 Work is progress. Guide will be released soon.
+
+
diff --git a/docs/src/content/docs/v3/guides/expo-router.mdx b/docs/src/content/docs/v3/guides/expo-router.mdx
index 0c34085a..c030b67a 100644
--- a/docs/src/content/docs/v3/guides/expo-router.mdx
+++ b/docs/src/content/docs/v3/guides/expo-router.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Expo Router integration',
description: 'Integrate Expo Router with Unistyles'
}}
-/>
+>
[Expo Router](https://docs.expo.dev/router/introduction/) is a popular routing library from Expo that is built on top of React Navigation. When using Unistyles with Expo Router, it's necessary to configure it properly.
@@ -51,3 +51,5 @@ export default function Root({ children }: PropsWithChildren) {}
```
It ensures that initialization of Unistyles is called whenever Expo Router tries to render next static page.
+
+
diff --git a/docs/src/content/docs/v3/guides/server-side-rendering.mdx b/docs/src/content/docs/v3/guides/server-side-rendering.mdx
index 52cb3770..a8e5d6f7 100644
--- a/docs/src/content/docs/v3/guides/server-side-rendering.mdx
+++ b/docs/src/content/docs/v3/guides/server-side-rendering.mdx
@@ -11,6 +11,8 @@ import Seo from '../../../../components/Seo.astro'
title: 'SSR using Unistyles 3.0',
description: 'Learn about SSR with Unistyles 3.0'
}}
-/>
+>
🚧 Work is progress. Guide will be released soon.
+
+
diff --git a/docs/src/content/docs/v3/guides/theming.mdx b/docs/src/content/docs/v3/guides/theming.mdx
index e00dfd23..ac39e194 100644
--- a/docs/src/content/docs/v3/guides/theming.mdx
+++ b/docs/src/content/docs/v3/guides/theming.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Theming guide',
description: 'Best practices for theming in Unistyles'
}}
-/>
+>
Theming in `Unistyles` differs from other libraries as it doesn't impose any specific syntax.
@@ -301,3 +301,5 @@ Changing rootView background color is useful when your app supports different or
+
+
diff --git a/docs/src/content/docs/v3/other/babel-plugin.mdx b/docs/src/content/docs/v3/other/babel-plugin.mdx
index 913d7e3c..92a8327b 100644
--- a/docs/src/content/docs/v3/other/babel-plugin.mdx
+++ b/docs/src/content/docs/v3/other/babel-plugin.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Unistyles Babel plugin',
description: 'Learn how Unistyles babel plugin works'
}}
-/>
+>
Unistyles 3.0 relies heavily on the Babel plugin, which helps convert your code in a way that allows binding the `ShadowNode` with `Unistyle`. Before reading this guide, make sure to check the [Look under the hood](/v3/start/how-unistyles-works) guide.
@@ -225,3 +225,5 @@ const styles = StyleSheet.create({
### Summary
That's it! We hope you enjoy the DX of Unistyles 3.0 with the help of the Babel plugin. If you encounter any Babel issues, we're ready to tackle them and resolve them with priority!
+
+
diff --git a/docs/src/content/docs/v3/other/dependencies.mdx b/docs/src/content/docs/v3/other/dependencies.mdx
index 078f3f63..a638ae38 100644
--- a/docs/src/content/docs/v3/other/dependencies.mdx
+++ b/docs/src/content/docs/v3/other/dependencies.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Unistyles dependencies',
description: 'Learn about Unistyles dependencies'
}}
-/>
+>
Unistyles 3.0 minimizes dependencies to keep your app as lightweight as possible.
In the latest version, we’ve opted to include only two essential dependencies that are shaping the future of the React Native ecosystem.
@@ -27,7 +27,7 @@ Developed by: [Marc Rousavy](/~https://github.com/mrousavy)
- The ability to convert repository from Objective-C to Swift
- Support for calling Swift code directly, without routing it through Objective-C++
-We highly encourage you to give Nitro a start ⭐ or support Marc through sponsorship.
+We highly encourage you to give Nitro a star ⭐ or support Marc through sponsorship.
### React Native Edge to Edge
@@ -41,3 +41,4 @@ Additionally, Mathieu's initiative is supported by [Expo](https://docs.expo.dev/
If you use any of Mathieu's libraries, such as `react-native-permissions` or `react-native-bootsplash`, we encourage you to give them a star ⭐ and support him through sponsorship.
+
diff --git a/docs/src/content/docs/v3/other/for-library-authors.mdx b/docs/src/content/docs/v3/other/for-library-authors.mdx
index 7e7f8ac0..d52e3605 100644
--- a/docs/src/content/docs/v3/other/for-library-authors.mdx
+++ b/docs/src/content/docs/v3/other/for-library-authors.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Build your own UI kit with Unistyles',
description: 'How to use Unistyles 3.0 in your library'
}}
-/>
+>
Unistyles is highly extensible and can be used to build UI kits and various other projects. We maintain the core, so you can create any abstraction on top of it.
@@ -62,3 +62,5 @@ I'm happy to help you with your use case!
:::
Do you have any questions? Feel free to ask in our [Discord](https://discord.gg/akGHf27P4C).
+
+
diff --git a/docs/src/content/docs/v3/other/for-sponsors.mdx b/docs/src/content/docs/v3/other/for-sponsors.mdx
index 52ab02dd..fc33c541 100644
--- a/docs/src/content/docs/v3/other/for-sponsors.mdx
+++ b/docs/src/content/docs/v3/other/for-sponsors.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Sponsor Unistyles 3.0',
description: 'Sponsor Unistyles 3.0 development'
}}
-/>
+>
Thank you for all the sponsorships!
@@ -49,3 +49,5 @@ Do you need help building a custom native library, or a private project? I'm her
[Contact me on X](https://x.com/jpudysz) or [Contact me with email](mailto:jacekpudysz@gmail.com)
+
+
diff --git a/docs/src/content/docs/v3/other/frequently-asked-questions.mdx b/docs/src/content/docs/v3/other/frequently-asked-questions.mdx
index 1a5c39a3..663ad7c7 100644
--- a/docs/src/content/docs/v3/other/frequently-asked-questions.mdx
+++ b/docs/src/content/docs/v3/other/frequently-asked-questions.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'FAQ',
description: 'Frequently asked questions about Unistyles 3.0'
}}
-/>
+>
### Can I run Unistyles on Expo Go?
@@ -45,3 +45,5 @@ If your app still doesn’t automatically switch themes, ensure that:
- `Appearance` from `react-native` is set to null
- You have phone with iOS 15+ or Android 10+
- Your device supports dark mode
+
+
diff --git a/docs/src/content/docs/v3/other/how-to-report-bug.mdx b/docs/src/content/docs/v3/other/how-to-report-bug.mdx
index d9ba1b47..4cc971f5 100644
--- a/docs/src/content/docs/v3/other/how-to-report-bug.mdx
+++ b/docs/src/content/docs/v3/other/how-to-report-bug.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'How to report a bug',
description: 'Learn how to report a bug in Unistyles 3.0'
}}
-/>
+>
While developing with Unistyles, you might encounter one of several bug types. Before submitting a bug report, please ensure that you include the required information listed below.
@@ -67,3 +67,5 @@ We highly encourage you to create a small reproduction of the bug. Without it, w
The web uses a custom parser that may produce different results compared to iOS and Android. We're exploring the use of `WebAssembly` to share C++ parser across platforms.
+
+
diff --git a/docs/src/content/docs/v3/references/breakpoints.mdx b/docs/src/content/docs/v3/references/breakpoints.mdx
index 24106636..8dda400d 100644
--- a/docs/src/content/docs/v3/references/breakpoints.mdx
+++ b/docs/src/content/docs/v3/references/breakpoints.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Breakpoints',
description: 'Learn about breakpoints in Unistyles 3.0'
}}
-/>
+>
Breakpoints are user-defined key/value pairs that describe the boundaries of screen sizes.
There's no limit to the number of breakpoints; you can define as many as you want.
@@ -182,3 +182,5 @@ export const RegisteredBreakpoints = () => (
)
```
+
+
diff --git a/docs/src/content/docs/v3/references/compound-variants.mdx b/docs/src/content/docs/v3/references/compound-variants.mdx
index 5f26cf26..39c1c7ad 100644
--- a/docs/src/content/docs/v3/references/compound-variants.mdx
+++ b/docs/src/content/docs/v3/references/compound-variants.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Compound Variants',
description: 'Learn about compound variants in Unistyles 3.0'
}}
-/>
+>
You can extend your `StyleSheets` even more by using `compound variants`.
@@ -122,3 +122,5 @@ const styles = StyleSheet.create(theme => ({
Styles from the `compoundVariants` array will take precedence over the styles defined in the `variants` object.
You can define multiple `compoundVariants` in the array to handle different combinations of style properties. This allows for more granular control and customization of your component's appearance.
+
+
diff --git a/docs/src/content/docs/v3/references/content-size-category.mdx b/docs/src/content/docs/v3/references/content-size-category.mdx
index e6555dab..547b9964 100644
--- a/docs/src/content/docs/v3/references/content-size-category.mdx
+++ b/docs/src/content/docs/v3/references/content-size-category.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Content size category',
description: 'Learn about content size category in Unistyles 3.0'
}}
-/>
+>
Content size category is a user preference used to adjust text size and control content magnification in your app. This feature is especially useful for users with visual impairments or limited vision.
@@ -76,3 +76,5 @@ import { AndroidContentSizeCategory, IOSContentSizeCategory } from 'react-native
// compare the current content size category based on platform
```
+
+
diff --git a/docs/src/content/docs/v3/references/create-unistyles-component.mdx b/docs/src/content/docs/v3/references/create-unistyles-component.mdx
index 954c4b5d..edf6dcb2 100644
--- a/docs/src/content/docs/v3/references/create-unistyles-component.mdx
+++ b/docs/src/content/docs/v3/references/create-unistyles-component.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'createUnistylesComponent',
description: 'Learn about how it integrate 3rd party libraries with Unistyles engine'
}}
-/>
+>
Before reading this guide, make sure that you understand [How Unistyles works](/v3/start/how-unistyles-works) and how [Babel plugin](/v3/other/babel-plugin)
@@ -109,3 +109,5 @@ const MyComponent = () => {
```
TypeScript will autocomplete all your props, so there is no need to specify type manually.
+
+
diff --git a/docs/src/content/docs/v3/references/dimensions.mdx b/docs/src/content/docs/v3/references/dimensions.mdx
index dcdbc324..6d377893 100644
--- a/docs/src/content/docs/v3/references/dimensions.mdx
+++ b/docs/src/content/docs/v3/references/dimensions.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Dimensions',
description: 'Learn about Dimensions in Unistyles 3.0'
}}
-/>
+>
Unistyles provides rich metadata about your device dimensions. This is useful for creating responsive designs as well as avoiding installing third-part libraries.
@@ -118,3 +118,5 @@ Font scale is a ratio between the font size of the device and the default font s
```tsx /fontScale/
UnistylesRuntime.fontScale // eg. 1.0
```
+
+
diff --git a/docs/src/content/docs/v3/references/display-hide.mdx b/docs/src/content/docs/v3/references/display-hide.mdx
index b4abee97..a0987804 100644
--- a/docs/src/content/docs/v3/references/display-hide.mdx
+++ b/docs/src/content/docs/v3/references/display-hide.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Display and Hide components',
description: 'Learn about Display and Hide components'
}}
-/>
+>
In Unistyles 2.0, developers could retrieve the `breakpoint` value from the `useStyles` hook.
This was helpful for hiding certain JSX components based on specific screen sizes.
@@ -94,3 +94,5 @@ Well, no! These components are simple if-else statements used to conditionally r
We believe this saves you a lot of time and effort, eliminating the need to implement the logic yourself or causing re-renders by listening to any hooks.
+
+
diff --git a/docs/src/content/docs/v3/references/dynamic-functions.mdx b/docs/src/content/docs/v3/references/dynamic-functions.mdx
index b1cc4d3b..a32372f0 100644
--- a/docs/src/content/docs/v3/references/dynamic-functions.mdx
+++ b/docs/src/content/docs/v3/references/dynamic-functions.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Dynamic Functions',
description: 'Learn about dynamic functions in Unistyles 3.0'
}}
-/>
+>
If you need to pass a value from JSX to your `stylesheet` you can do so using a concept called `dynamic function`.
@@ -54,3 +54,5 @@ const styles = StyleSheet.create(theme => ({
})
}))
```
+
+
diff --git a/docs/src/content/docs/v3/references/edge-to-edge.mdx b/docs/src/content/docs/v3/references/edge-to-edge.mdx
index 2cb9c1fa..e9dac2f2 100644
--- a/docs/src/content/docs/v3/references/edge-to-edge.mdx
+++ b/docs/src/content/docs/v3/references/edge-to-edge.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Edge to edge layout with Unistyles',
description: 'Learn how Unistyles leverages edge to edge layout'
}}
-/>
+>
Unistyles uses `WindowsInsetsCompat` API to handle insets on Android. This API requires your app to have edge to edge layout enabled.
In other words, it means that your `StatusBar` is always `translucent` and the app can draw below the `NavigationBar`. A translucent status bar is also the default when you build your app with Expo. To leverage `WindowInsetsCompat`, Unistyles enables `edgeToEdge` layout by default.
@@ -53,3 +53,5 @@ Apps are edge-to-edge by default on devices running Android 15 if the app is tar
Unistyles enables `edgeToEdge` by default, but sometimes other libraries might interfere with it.
We decided to depend on `react-native-edge-to-edge` package, to help reduce these issues. Learn more [here](/v3/other/dependencies#react-native-edge-to-edge).
+
+
diff --git a/docs/src/content/docs/v3/references/media-queries.mdx b/docs/src/content/docs/v3/references/media-queries.mdx
index 36c56e7f..ba640301 100644
--- a/docs/src/content/docs/v3/references/media-queries.mdx
+++ b/docs/src/content/docs/v3/references/media-queries.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Media Queries',
description: 'Learn about media queries in Unistyles 3.0'
}}
-/>
+>
Media queries provide more power and allow you to style cross-platform apps with pixel-perfect accuracy.
@@ -149,3 +149,5 @@ const styles = Stylesheet.create(theme => ({
### CSS Media Queries
`Breakpoints` and `Media Queries` will be auto converted to Web CSS media queries. Learn more about [Web Media Queries](/v3/references/web-styles#how-it-works).
+
+
diff --git a/docs/src/content/docs/v3/references/mini-runtime.mdx b/docs/src/content/docs/v3/references/mini-runtime.mdx
index 17ada52c..23fc3b71 100644
--- a/docs/src/content/docs/v3/references/mini-runtime.mdx
+++ b/docs/src/content/docs/v3/references/mini-runtime.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'MiniRuntime',
description: 'Learn about mini runtime in Unistyles 3.0'
}}
-/>
+>
Mini runtime was introduced in Unistyles `2.8.0` as a subset of `UnistylesRuntime` containing only the properties that are useful in your `StyleSheet`.
@@ -40,3 +40,5 @@ type MiniRuntime = {
Mini runtime is automatically injected when Unistyles resolves a `StyleSheet` that depends on it.
+
+
diff --git a/docs/src/content/docs/v3/references/scoped-theme.mdx b/docs/src/content/docs/v3/references/scoped-theme.mdx
index 340e07d0..17fb0bf8 100644
--- a/docs/src/content/docs/v3/references/scoped-theme.mdx
+++ b/docs/src/content/docs/v3/references/scoped-theme.mdx
@@ -11,6 +11,8 @@ import Seo from '../../../../components/Seo.astro'
title: 'Scoped Theme',
description: 'Learn about scoped theme in Unistyles 3.0'
}}
-/>
+>
🚧 Work is progress. This feature will be released soon.
+
+
diff --git a/docs/src/content/docs/v3/references/stylesheet.mdx b/docs/src/content/docs/v3/references/stylesheet.mdx
index 0e91ef0c..c6f19ad8 100644
--- a/docs/src/content/docs/v3/references/stylesheet.mdx
+++ b/docs/src/content/docs/v3/references/stylesheet.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'StyleSheet',
description: 'Learn about StyleSheet with superpowers'
}}
-/>
+>
`StyleSheet` replaces the old `createStyleSheet` function and aims for 1:1 parity with the React Native API.
When we say that Unistyles is a superset of StyleSheet, we mean it! That's why we are taking it one step further!
@@ -194,3 +194,6 @@ Returns following object:
right: 0,
bottom: 0
}
+```
+
+
diff --git a/docs/src/content/docs/v3/references/unistyles-runtime.mdx b/docs/src/content/docs/v3/references/unistyles-runtime.mdx
index 97f22ea1..45e77e18 100644
--- a/docs/src/content/docs/v3/references/unistyles-runtime.mdx
+++ b/docs/src/content/docs/v3/references/unistyles-runtime.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'UnistylesRuntime',
description: 'Learn about Unistyles Runtime in Unistyles 3.0'
}}
-/>
+>
Unistyles Runtime is a powerful feature that allows you to access platform specific values directly from `JavaScript`.
It allows you to skip many dependencies and keep a lot of functionality under one object.
@@ -86,3 +86,5 @@ const style = StyleSheet.create((theme, rt) => ({
```
Learn more on how Unistyles [re-calculates your styles](/v3/start/how-unistyles-works).
+
+
diff --git a/docs/src/content/docs/v3/references/variants.mdx b/docs/src/content/docs/v3/references/variants.mdx
index c72c8616..d26c9740 100644
--- a/docs/src/content/docs/v3/references/variants.mdx
+++ b/docs/src/content/docs/v3/references/variants.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Variants',
description: 'Learn about variants in Unistyles 3.0'
}}
-/>
+>
Variants helps you to create a more flexible and reusable stylesheet eg. for your base components.
You can mix them with other Unistyles features like [media queries](/v3/references/media-queries/) and [breakpoints](/v3/references/breakpoints/).
@@ -410,3 +410,5 @@ The generated TypeScript type will then be:
```
size: ('small' | 'medium' | 'large')
```
+
+
diff --git a/docs/src/content/docs/v3/references/web-only.mdx b/docs/src/content/docs/v3/references/web-only.mdx
index 93fc1c26..82876d04 100644
--- a/docs/src/content/docs/v3/references/web-only.mdx
+++ b/docs/src/content/docs/v3/references/web-only.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Web only features',
description: 'Learn about web only features in Unistyles 3.0'
}}
-/>
+>
Unistyles comes with some web-only features that are not available on the React Native side.
@@ -149,3 +149,5 @@ const styles = StyleSheet.create({
})
})
```
+
+
diff --git a/docs/src/content/docs/v3/references/web-styles.mdx b/docs/src/content/docs/v3/references/web-styles.mdx
index 77bb1efc..105c956d 100644
--- a/docs/src/content/docs/v3/references/web-styles.mdx
+++ b/docs/src/content/docs/v3/references/web-styles.mdx
@@ -10,7 +10,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Web styles',
description: 'Learn about web styles in Unistyles 3.0'
}}
-/>
+>
Unistyles web is fully independent from React Native Web, thanks to our custom web parser that generates CSS directly from your `StyleSheet` definitions.
@@ -117,3 +117,5 @@ console.log(styles) // {}
### Web Only Features
Unistyles also includes web-specific features. You can learn more about them [here](/v3/references/web-only).
+
+
diff --git a/docs/src/content/docs/v3/start/configuration.mdx b/docs/src/content/docs/v3/start/configuration.mdx
index 0660fb79..e378f1fa 100644
--- a/docs/src/content/docs/v3/start/configuration.mdx
+++ b/docs/src/content/docs/v3/start/configuration.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Configure Unistyles',
description: 'Learn how to configure Unistyles'
}}
-/>
+>
To unlock more features and tailor Unistyles to your needs, you can configure it. The Unistyles configuration is divided into three parts:
@@ -191,3 +191,5 @@ Don't forget to import this config somewhere in your project, for example in `in
For expo router users, please refer to the [Expo Router guide](/v3/guides/expo-router).
+
+
diff --git a/docs/src/content/docs/v3/start/getting-started.mdx b/docs/src/content/docs/v3/start/getting-started.mdx
index b1e7cd49..8bdd599e 100644
--- a/docs/src/content/docs/v3/start/getting-started.mdx
+++ b/docs/src/content/docs/v3/start/getting-started.mdx
@@ -11,7 +11,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Getting started',
description: 'Learn how to get started with Unistyles'
}}
-/>
+>
We put a lot of effort into making Unistyles as easy to use as possible. You no longer need the `useStyle` hook or wrap your app in provider. Unistyles integrates seamlessly with your existing code, so you can start using it immediately.
@@ -116,3 +116,5 @@ By replacing `StyleSheet`, you immediately gain several benefits that aren’t a
- [Web only features](/v3/references/web-only)
When you're ready to customize your styles and unlock additional features you can [configure](/v3/start/configuration) Unistyles.
+
+
diff --git a/docs/src/content/docs/v3/start/how-unistyles-works.mdx b/docs/src/content/docs/v3/start/how-unistyles-works.mdx
index a9b78f09..1f807057 100644
--- a/docs/src/content/docs/v3/start/how-unistyles-works.mdx
+++ b/docs/src/content/docs/v3/start/how-unistyles-works.mdx
@@ -18,7 +18,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'How Unistyles works?',
description: 'Understanding how Unistyles 3.0 works'
}}
-/>
+>
To get the most out of Unistyles, it’s important to understand how it works and how it updates your styles.
@@ -166,3 +166,5 @@ Instead, with all the optimizations and features that Unistyles 3.0 brings, we c
~Elon Musk
+
+
diff --git a/docs/src/content/docs/v3/start/introduction.mdx b/docs/src/content/docs/v3/start/introduction.mdx
index f93b3dc9..28e26402 100644
--- a/docs/src/content/docs/v3/start/introduction.mdx
+++ b/docs/src/content/docs/v3/start/introduction.mdx
@@ -12,7 +12,7 @@ import Seo from '../../../../components/Seo.astro'
title: 'Welcome to Unistyles 3.0!',
description: 'Welcome to Unistyles!'
}}
-/>
+>