Skip to content

Framely: The open-source, lightweight, multi-tenant drag-and-drop website editor for modern web applications, powered by Next.js

Notifications You must be signed in to change notification settings

belastrittmatter/Framely

Repository files navigation

Framely Website Builder

Framely

The open-source drag-and-drop website builder boilerplate.

Introduction · Features · Demo · Contributing


Introduction

Framely is a full-stack Next.js application offering multi-tenancy, custom domain support, and a flexible drag-and-drop web editor.

Framely Demo Gif

🚧 This project is currently under active development. Some features are already functional, while most are still being actively built. Contributions and feedback are highly appreciated to shape its final form!


Features (Current & Planned)

Current Features

  • Authentication: User authentication powered by Clerk.
  • Dashboard: Create and view pages.
  • Backend Logic for the Website Builder: Core backend functionality for handling website structure and data.
  • Drag-and-Drop Website Builder: Fully customizable, user-friendly interface for creating web pages.
  • Multi-Tenancy: Full support for subdomains

🚀 Coming Soon...

  • Generated CSS Preview View and customize the generated CSS for every element
  • SEO: Optimized SEO Ranking for custom pages
  • Dynamic OG Cards: Automatic Open Graph image generation for user content.
  • Image Uploads: Drag-and-drop image uploads for adding visual content to web pages.
  • Page Analytics: Track page performance and user behavior.
  • TailwindCSS Support Edit a custom page with TailwindCSS attributes
  • Custom Domain Support

Demo

View the live Demo


Tech Stack

This project is built with the following tools and services:

  • Next.js: React-based framework for building web applications.
  • Tailwind CSS: Utility-first CSS framework for styling.
  • Shadcn: UI component library.
  • Prisma & MySQL: Database ORM and relational database.
  • Clerk Authentication: Secure and flexible user authentication service.

Resources

Creating Framely would not have been possible without the following resources:

Contributing

We welcome contributions!

  1. Start a Discussion: Share your ideas, feedback, or questions.
  2. Open an Issue: Report bugs or suggest improvements.
  3. Submit Pull Requests: Check out the roadmap or add your own feature enhancements.

License

This project is open-sourced under the MIT License.