Hey DEV Community! 👋
I wanted to share a project I've been working on recently: Pepsi Page Builder. It’s an open-source, lightweight web page builder designed to help users create responsive layouts visually.
🚀 Key Features:
- Drag and Drop / Visual Editing: Easily structure pages with custom elements.
- Extensible Architecture: Developers can easily plug in their own components.
- Lightweight & Fast: Optimized performance with clean layout output.
- Open Source: Licensed under the MIT License.
🛠️ Tech Stack:
- React / JavaScript
- Tailwind CSS (or your CSS framework)
🔗 Links:
- Live Demo: https://pepsi-beige.vercel.app/
- GitHub Repository: https://github.com/ebrahimelmwafy2-droid/pepsi I would love to get your feedback on the code structure, performance, or any features you think I should add next. If you like the project, feel free to leave a star ⭐️ on GitHub!
Thanks for checking it out!
Top comments (3)
Curious what a saved page exports to, JSON or plain HTML? For me that's the first thing that decides whether a builder can plug into an existing app or ends up as its own island.
It exports to JSON! Under the hood, it serializes the component tree state, making it very flexible to store in a database and load back into any React/Next.js application.However, adding a feature to export plain HTML/CSS directly is definitely on the roadmap to make it even easier to plug into non-React environments. Thanks for the great question!
Its a great project