Building Forms with Chakra UI and React Hook Form#

by Simon Collins

This example shows how to build a simple form with Chakra UI's form components and the React Hook Form form library.

Edit with CodeSandbox

Responsive Header with Chakra UI#

by Jean Bauer

This example shows how to build your own simple responsive header just using Chakra UI's components.

Edit with CodeSandbox

Adding Animation to Chakra UI Components with Framer Motion#

by Segun Adebayo

If you'd like to add some interesting motion interaction or animation to your Chakra UI websites or apps, here's a quick tip:

Edit with CodeSandbox

Are you using Chakra UI to build some cool features in your products, and you'd like to showcase it? Submit a PR to add it to this page.

Proudly made in 🇳🇬

Released under the MIT License.

Copyright © 2020 Segun Adebayo