Update introduction.mdx (3) (#2046)

Typos. (Actually stinking to "PRs" instead of "PR's". The grammatical format present in examples such as L's and W's is expected because it's only one letter, but does not seem to apply to multiple letters combined.
This commit is contained in:
Luther Tchofo Safo 2023-11-27 15:17:29 +01:00 committed by GitHub
parent 01aedcf09b
commit 0d7a19693b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -47,7 +47,7 @@ NextUI's primary goal is to streamline the development process, offering a beaut
- **NextUI**:
<p className="text-default-500">
NextUI is a UI library for React that combines the power of TailwindCSS with React Aria to
provide a complete components (logic and styles) for building accessible and customizable user
provide complete components (logic and styles) for building accessible and customizable user
interfaces. Since NextUI uses TailwindCSS as its style engine, you can use all TailwindCSS
classes within your NextUI components, ensuring optimal compiled CSS size.
</p>
@ -56,8 +56,8 @@ NextUI's primary goal is to streamline the development process, offering a beaut
<p className="text-default-500">
TailwindCSS components libraries such as{" "}
<Link isExternal showAnchorIcon href="https://tailwindui.com/">TailwindUI</Link>
, <Link isExternal showAnchorIcon href="https://flowbite.com/">Flowbite</Link>, or
<Link isExternal showAnchorIcon href="https://tailwindui.com/">TailwindUI</Link>,{" "}
<Link isExternal showAnchorIcon href="https://flowbite.com/">Flowbite</Link>, or{" "}
<Link isExternal showAnchorIcon href="https://preline.co/">Preline</Link>, just to name a few, only offer a curated selection of TailwindCSS classes to style your components.
They don't provide any React specific components, logic, props, composition, or accessibility features.<br/>
<Spacer y={2}/>
@ -70,14 +70,14 @@ NextUI's primary goal is to streamline the development process, offering a beaut
<p className="text-default-500">
We created a TailwindCSS utility library called{" "}
<Link isExternal showAnchorIcon href="https://www.tailwind-variants.org/">tailwind-variants</Link>{" "}
that automatically handle TailwindCSS class conflicts. This ensures your custom classes will
that automatically handles TailwindCSS class conflicts. This ensures your custom classes will
consistently override the default ones, eliminating any duplication.
</p>
### Does NextUI use runtime CSS?
<p className="text-default-500">
No, As NextUI uses TailwindCSS as its style engine, it generates CSS at build time, eliminating
No. As NextUI uses TailwindCSS as its style engine, it generates CSS at build time, eliminating
the need for runtime CSS. This means that NextUI is fully compatible with the latest React and
Next.js versions.
</p>
@ -100,7 +100,7 @@ NextUI's primary goal is to streamline the development process, offering a beaut
<p className="text-default-500">
We use <Link href="https://www.framer.com/motion" isExternal showAnchorIcon>Framer Motion</Link> to animate some components due to
the complexity of the animations and their physics-based nature. Framer Motion allows us to
handle these animations in a more straightforward and performant way in addition it is
handle these animations in a more straightforward and performant way. In addition, it is
well tested and production ready.
</p>
@ -115,4 +115,4 @@ Whether it's a feature request, bug report, or a project to showcase, please get
## Contributing
PR's on NextUI are always welcome, please see our [contribution guidelines](https://github.com/nextui-org/nextui/blob/main/CONTRIBUTING.MD) to learn how you can contribute to this project.
PRs on NextUI are always welcome, please see our [contribution guidelines](https://github.com/nextui-org/nextui/blob/main/CONTRIBUTING.MD) to learn how you can contribute to this project.