9 个精彩的 React 和 React Native 示例:网站、应用程序和实验

2025-06-04

9 个精彩的 React 和 React Native 示例:网站、应用程序和实验

使用 React 或 React Native JavaScript 库的网站和应用程序集合:

Argon React Native

Argon React Native
Argon React Native 是一个基于Galio.ioReact NativeExpo 构建的全功能应用模板,可帮助您创建功能强大且美观的电商移动应用。我们重新设计了 Galio 中所有常用的组件,使其看起来像我们的 Argon 设计,简约易用。使用受 Argon 设计系统启发的 Argon UI Kit for React Native 开始您的开发。如果您喜欢我们的 Argon 设计系统,那么您一定会喜欢这个 React Native 应用模板!它包含大量可完美组合且外观惊艳的组件和屏幕。Argon React Native 是一个开源产品,请参阅此处的GitHub 仓库。

BLK • 设计系统 PRO React

BLK 设计系统专业版 (BLK Design System PRO) 包含超过 1100 个独立组件、43 个版块和 17 个示例页面,让您可以自由选择和组合。所有组件均可采用不同的颜色,您可以使用 SASS 文件轻松修改。 由于所有元素均已实现,从原型设计到完整功能代码的编写,您将节省大量时间。该设计系统附带预置示例,因此开发过程无缝衔接,从我们的页面切换到实际网站也非常容易。
BLK • 设计系统 PRO React

Argon 设计系统 React

Argon Design System React 拥有超过 100 个独立组件,让您可以自由选择和组合。所有组件都可以采用不同的颜色,您可以使用 SASS 文件轻松修改。

每个元素都有颜色、样式、悬停、焦点等多种状态,您可以轻松访问和使用。
Argon 设计系统 React

BLK 设计系统 React

使用适用于 Bootstrap 4 的 Black React 设计系统 (Reacstrap)开始您的开发。它是开源的,使用create-react-app开发,免费,并且包含许多可以帮助您创建精彩网站的组件。
BLK 设计系统 React

意大利辣香肠

Pepperoni 是一个快速构建跨平台移动体验的蓝图,它包含可立即使用的集成构建块,用于构建常用的移动应用功能。Pepperoni
蓝图建立在坚实的基础之上,并运用现代架构和行业最佳实践。
意大利辣香肠

黑色仪表板反应

Black Dashboard React 是一款美观的 Bootstrap 4、Reacstrap 和 React Admin 仪表板,拥有大量可组合的组件,外观惊艳。该产品包含超过 16 个独立组件,让您可以自由选择和组合。这意味着有数千种可能的组合方式。所有组件都可以采用不同的颜色,您可以使用 SASS 文件轻松修改。我们考虑了所有细节,因此这款仪表板提供两个版本:深色模式和浅色模式。
黑色仪表板反应

React fullpage – 官方 react-fullpage 组件

什么是 React fullpage.js?

该库提供了一种创建全屏自动滚动网站的简单方法。这项任务乍一看可能很简单,但一旦涉及到浏览器兼容性、触摸设备、动能触控板滚动、URL 链接、可访问性、响应性、回调等问题,就会变得相当复杂。
反应

Galio框架

Galio 是一个 100% 免费且开源的项目,遵循 MIT 许可。

它将永远免费使用,由庞大的全球社区提供支持。精心打造。提供即用型组件、排版和可适应每个项目的精美基础主题。您将以独特的风格构建应用。内置真实应用示例、组件演示、指南和操作指南,助您以前所未有的速度快速上手并运行移动应用。
Galio框架

Argon Dashboard PRO React

Argon 是一款全新的产品,它基于我们全新构建的框架结构,这将使我们的产品更加直观、更具适应性,而且毋庸置疑,也更容易定制。Argon 以其炫酷的功能和构建工具让您惊叹不已,并将您的项目提升到一个全新的水平。 得益于所有已实现的元素,您将从原型设计到功能齐全的代码编写节省大量时间。此仪表板附带预构建的示例,因此开发过程可以无缝衔接。因此,从我们的页面切换到实际网站非常容易。每个元素都包含多种颜色、样式、悬停和焦点状态,您可以轻松访问和使用它们。
Argon Dashboard PRO React

文章来源:https://dev.to/creativetim_official/react-native-75-examples-websites-applications-and-experiments-14p7
PREV
成为后端开发人员的完整路线图:分步说明
NEXT
如何在 Web 开发人员工作期间预防倦怠