VvvebJs
Drag and drop page builder library written in vanilla javascript without dependencies or build tools.
Overview
VvvebJs is an impressive open-source content management system (CMS) that leverages a powerful page builder for creating dynamic web content with ease. Designed for developers and designers alike, it introduces an intuitive drag-and-drop interface that makes building and customizing web pages simpler than ever. With the backing of Bootstrap 5 components, VvvebJs becomes a versatile tool that accommodates both beginners and seasoned users aiming to streamline their web development process.
The standout features of VvvebJs enhance productivity significantly, from file management to live code editing, all while maintaining a user-friendly approach. Whether you are building a landing page or an entire website, this CMS offers a comprehensive suite of tools to help you achieve your goals with flexibility and efficiency.
Features
-
Drag-and-Drop Functionality: Easily add and rearrange components and snippets directly in your pages with intuitive drag-and-drop controls.
-
Undo/Redo Operations: Effortlessly revert or reapply changes made during your editing session to maintain a seamless workflow.
-
Live Code Editor: Enjoy on-the-fly editing using the built-in code editor with syntax highlighting, allowing you to see real-time updates as you code.
-
Integrated File Manager: Navigate through your component hierarchy with ease and manage files efficiently from a dedicated file manager interface.
-
Image Upload Support: Quickly upload images using a sample PHP script, providing you with immediate access to your media assets.
-
Export and Save Options: Download your pages as HTML or save them on the server with included example scripts for easy deployment.
-
Extensive Widget Support: Incorporate various media elements such as videos, charts, and maps, with support for popular services like YouTube and Google Maps.
-
Theme Customization: Access a full list of Google Fonts and easily customize your site's typography and color palette for a unique look and feel.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.
- Gulp
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.