@measured/puck 0.20.0-canary.755737e8 → 0.20.0-canary.77cef35d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,29 +1,33 @@
1
- # Puck
1
+ <br /><br /><br />
2
2
 
3
- The visual editor for React.
3
+ <div align="center">
4
4
 
5
- <p align="left">
6
- <a aria-label="NPM version" href="https://www.npmjs.com/package/@measured/puck">
7
- <img alt="" src="https://img.shields.io/npm/v/@measured/puck.svg?style=for-the-badge&labelColor=000000">
8
- </a>
9
- <a aria-label="License" href="https://github.com/measuredco/puck/blob/main/LICENSE">
10
- <img alt="" src="https://img.shields.io/npm/l/@measured/puck.svg?style=for-the-badge&labelColor=000000">
11
- </a>
12
- <a aria-label="Join the community on Discord" href="https://discord.gg/D9e4E3MQVZ">
13
- <img alt="" src="https://img.shields.io/badge/Join%20the%20Discord-blueviolet.svg?style=for-the-badge&logo=Discord&labelColor=000000&logoWidth=20">
14
- </a>
15
- <a aria-label="Browse the awesome-puck community repo" href="https://github.com/measuredco/awesome-puck">
16
- <img alt="" src="https://img.shields.io/badge/repo-awesome--puck-fc60a8.svg?style=for-the-badge&labelColor=000000&logoWidth=20">
17
- </a>
18
- </p>
5
+ <a href="https://puckeditor.com">
6
+ <picture>
7
+ <source media="(prefers-color-scheme: dark)" srcset="https://res.cloudinary.com/die3nptcg/image/upload/Puck_Logo_White_RGB_j2rwgg.svg" height="100px" aria-label="Puck logo">
8
+ <img src="https://res.cloudinary.com/die3nptcg/image/upload/Puck_Logo_Black_RGB_dqsjag.svg" height="100px" aria-label="Puck logo">
9
+ </picture>
10
+ </a>
19
11
 
20
- ## Demo
12
+ _The visual editor for React_
21
13
 
22
- Visit https://demo.puckeditor.com/edit to try the demo.
14
+ [Documentation](https://puckeditor.com/docs) • [Demo](https://demo.puckeditor.com/edit) [Discord](https://discord.gg/V9mDAhuxyZ) [Contributing](https://github.com/puckeditor/puck/blob/main/CONTRIBUTING.md)
23
15
 
24
- ## Documentation
16
+ ⭐️ Enjoying Puck? Please [leave a star](https://github.com/puckeditor/puck)!
25
17
 
26
- Visit https://puckeditor.com to view the full documentation.
18
+ <br />
19
+
20
+ [![GIF showing a page being created in the Puck Editor, with components being added, arranged, and customized in real time](https://github.com/user-attachments/assets/25e1ae25-ca5e-450f-afa0-01816830b731)](https://demo.puckeditor.com/edit)
21
+
22
+ </div>
23
+
24
+ ## What is Puck?
25
+
26
+ Puck is a modular, open-source visual editor for React.js. You can use Puck to build custom drag-and-drop experiences with your own application and React components.
27
+
28
+ Because Puck is just a React component, it plays well with all React.js environments, including Next.js. You own your data and there’s no vendor lock-in.
29
+
30
+ Puck is also [licensed under MIT](https://github.com/puckeditor/puck?tab=MIT-1-ov-file#readme), making it suitable for both internal systems and commercial applications.
27
31
 
28
32
  ## Quick start
29
33