Find React Layout Kit Examples and Templates

Use this online react-layout-kit playground to view and fork react-layout-kit example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!

spotter-agent-embed

spotter-agent-embed

spotter-agent-embed

spotter-agent-embed

@ant-design/pro-chat

@ant-design/pro-chat a solution for ai chat

agent-portal

v5-popover-inverse

v5-popover-inverse

determined-dan-sw3wb7

determined-dan-sw3wb7 An auto-generated demo by dumi

magical-keldysh-1cmt01

magical-keldysh-1cmt01 An auto-generated demo by dumi

keen-panna-4mg6h9

keen-panna-4mg6h9 An auto-generated demo by dumi

Ben Antd Custom Dark Theme (forked)

Ben Antd Custom Dark Theme (forked)<p>传入不同的 token 、算法组成的 theme ，可以实现主题风格的自定义</p>

Ben Antd-Style Theme Switching (forked)

Ben Antd-Style Theme Switching (forked)<p>该 Demo 中演示了受控模式的主题切换能力，使用了 zustand 作为全局状态管理方案。</p>

Ben Antd Custom Component Theme

Ben Antd Custom Component Theme An auto-generated demo by dumi

传入 Antd Theme 主题 (forked)

传入 Antd Theme 主题 (forked)<p>传入不同的 token 、算法组成的 theme ，可以实现主题风格的自定义</p>

eager-bash-3f44os

eager-bash-3f44os An auto-generated demo by dumi

全局设定 Styled 配置 (forked)

全局设定 Styled 配置 (forked)<p>在入口文件中设定 styled 的 ThemeContext 配置，可以让所有 ThemeProvider 都能响应自定义 token</p>

自定义创建逻辑 (forked)

自定义创建逻辑 (forked)<p>你可以设置 <code>creatorButtonProps={false}</code> 来关闭默认的创建效果，然后自定义创建逻辑</p>

全局设定 Styled 配置 (forked)

全局设定 Styled 配置 (forked)<p>在入口文件中设定 styled 的 ThemeContext 配置，可以让所有 ThemeProvider 都能响应自定义 token</p>

创建独立的样式实例 (forked)

创建独立的样式实例 (forked)<p>createStyles 中将会注入默认的自定义 token，并可以实现主题切换</p>

V5-Divider

Find more examples or templates