https://github.com/frontvibe/fluid
Fluid is a Hydrogen theme that lets you easily build Shopify headless storefronts by organizing your content with Sanity.
https://github.com/frontvibe/fluid
ecommerce headless hydrogen radix-ui react remix remix-stack sanity shadcnui shopify tailwindcss theme
Last synced: about 2 months ago
JSON representation
Fluid is a Hydrogen theme that lets you easily build Shopify headless storefronts by organizing your content with Sanity.
- Host: GitHub
- URL: https://github.com/frontvibe/fluid
- Owner: frontvibe
- License: mit
- Created: 2024-01-25T19:37:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-11T13:42:41.000Z (about 2 months ago)
- Last Synced: 2025-04-11T14:51:25.177Z (about 2 months ago)
- Topics: ecommerce, headless, hydrogen, radix-ui, react, remix, remix-stack, sanity, shadcnui, shopify, tailwindcss, theme
- Language: TypeScript
- Homepage: https://fluid.frontvibe.com
- Size: 10.9 MB
- Stars: 226
- Watchers: 4
- Forks: 35
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Fluid
Fluid is a Hydrogen theme that let's you easily build Shopify headless storefronts by organizing your content with the Sanity CMS. Build your pages by assembling sections like you would do in a Shopify Liquid theme.
Using Sanity [Visual Editing](https://www.youtube.com/watch?v=0qheADLqhBs), content editors can update content in real-time and live preview.
Take a look at the demo [here](https://fluid-demo.frontvibe.com/).
## Documentation
Visit [fluid.frontvibe.com](https://fluid.frontvibe.com/) to read the documentation.
## Credits
Fluid is built with amazing technologies:
- [Remix](https://remix.run/)
- [Hydrogen](https://hydrogen.shopify.dev)
- [React](https://reactjs.org/)
- [Tailwind](https://tailwindcss.com/)
- [Sanity](https://github.com/sanity-io/sanity)
- [Framer Motion](https://www.framer.com/motion/)
- [Radix](https://www.radix-ui.com/primitives/docs/overview/introduction)
- [shadcn/ui](https://ui.shadcn.com/)
- [Vaul](https://vaul.emilkowal.ski/)
- [cva](https://cva.style/docs)
- [Embla Carousel](https://www.embla-carousel.com/get-started/)
- [color2k](https://github.com/ricokahler/color2k)
- [@vercel/stega](https://www.npmjs.com/package/@vercel/stega)
The project is heavily inspired by:
- [Shopify Dawn](https://github.com/Shopify/dawn)
- [Sanity Akva](https://github.com/sanity-io/demo-ecommerce)
- [Hydrogen demo store](https://github.com/Shopify/hydrogen-demo-store)
- [Build UI](https://buildui.com/recipes)
## License
Licensed under the [MIT license](https://github.com/frontvibe/fluid/blob/main/LICENSE.md)