+ Need a customized UI kit for Android & iOS?{' '} + Get started +
+}){kind=icon}
+ + Callstack cooperates with many clients from various industries, + including big enterprises, helping them to improve their React Native + products and achieve business goals. +
++ Don't waste your time writing complex components from scratch. +
++++
++ + 👆 + ++
+ Interactions, animations and accessibility.
+
+ React-native-paper takes care of the details and your UI logic, so
+ you can focus on your users.
+
}){kind=icon}
+ + Try our live demo and check it out for yourself! When you are + done, make sure to copy the code and drop it straight into a React + Native app! Yes, Paper is cross-platform and works on both web and + mobile. +
+})
+ })
+
+ {tokens.map((line, index) => (
+
+ {line.map((token, key) => (
+
+ ))}
+
+ ))}
+
+ )}
+ + react-native-paper focuses in important concepts that are hard to + build from scratch. +
+{concept.body}
+}){kind=icon}
+ + Community where people discuss and supports others in building + react-native-paper apps. +
+}){kind=icon}
+ + react-native-paper is a high-quality standard-compliant Material + Design library developed by the engineers of{' '} + Callstack. +
+}){kind=icon}
+
+ + React Native Paper is a high-quality, standard-compliant Material + Design library that has you covered in all major use-cases. +
+ +})
+
+ }){kind=icon}
+ + Its interface. It is responsive, fast and works reliably on both + platforms. When building a React component, you have to style + each of them yourself, according to the guidelines of the + platform you are targeting. This can be overwhelming and + non-trivial to do right. +
+}){kind=icon}
+ })
+
+ It's not a real badge, actually, but you can take our
+ word for it ;)
+
+ + Snappy interface that behaves just like any other app. It supports + accessibility standards - in other words, it does everything a + native app would do. Interactions in React Native are easy to do, + but getting to 100% polish requires extra effort. Implementing + exact platform-specific animations, making sure it runs under + heavy load are just two examples of what we have to think when + writing first-class interface. +
++ React-native-paper ships with a lot of components and interactions + that are there to satisfy every single use case you might have. + See it for yourself. +
++ React Native Paper library officially supports the new Material + Design generation called Material You - a brand new and the most + expressive design system by Google. +
++ All of the Paper’s components have been adjusted to the latest + standards of visual by changes in colors, typography and animations + so you can build your apps according to the latest trends. +
+})
+ }){kind=icon}
+ ) : null}
+ {currentSlide < slidesAmount ? (
+ }){kind=icon}
+ ) : null}
+ })
+ })
+ }){kind=icon}
+ inside a .c11ps6c6 wrapper; the wrapper is
+ just the 460px frame, the inner pre carries the dark surface. */
+.landing .c11ps6c6 > pre {
+ margin: 0;
+ width: 100%;
+}
diff --git a/docs/theme/index.tsx b/docs/theme/index.tsx
index 3cd7557c48..0d9acbae17 100644
--- a/docs/theme/index.tsx
+++ b/docs/theme/index.tsx
@@ -1,10 +1,8 @@
-import { Fragment, type ComponentProps } from 'react';
+import { type ComponentProps } from 'react';
-import { HomeBanner } from '@callstack/rspress-theme';
import { Layout as BasicLayout } from '@rspress/core/dist/theme/index.js';
import Outline from './Outline';
-import PaperHomeShowcase from '../src/components/PaperHomeShowcase';
import PaperVersionSelector from '../src/components/PaperVersionSelector';
import VersionedPrereleaseNotice from '../src/components/VersionedPrereleaseNotice';
@@ -13,17 +11,6 @@ type LayoutProps = ComponentProps;
const Layout = (props: LayoutProps) => (
-