The Evolution of a Design Icon

Regen for Elements represents a significant leap forward.

Its most remarkable enhancement? True mobile parity. The signature animated blur effects are now perfectly synchronized and fully functional on all mobile devices, seamlessly moving against a fixed background for a captivating, seamless user journey.

Built for real-world use

Powered by years of RapidWeaver expertise, we've crafted custom, easy-to-use tools that address real client needs.

Fully Responsive Layout:

Designed responsive layout that adapts flawlessly to all screen sizes, from mobile phones to large desktop monitors.

Built with Standard Elements Tools:

Crafted using the native features of Elements, ensuring ease of use, full compatibility, and straightforward customization.

Animations and scrolling effects:

Regen provides several examples of animations triggered by page scrolling. These include color-changing icons and moving objects. Every element is logically named to help you understand how it works and modify it quickly.

Designed for Every User

No matter your skill level, this project provides the tools and foundation to bring your ideas to life efficiently and professionally. To get the most out of Regen, a basic understanding of Elements' layout tools will help you easily customize the design for any device.

For Beginners: Focus on editing the pre-designed areas.

For Experts: Experiment further with Regen Project.

For Designers: Customize layout and animations to your vision.

Edit with Speed:

Regen offer a smart search to find what's editable, just type "edit".

Find and edit elements instantly with our logically named, search-friendly sections. Intuitively named elements for faster editing. Change the content or size values.

Options beyond Elements

Elements marked 'CODE' are styled with classes/IDs and controlled by our script. Easily modify their visual properties and options.

You'll appreciate the detailed notes and commented code in Regen, allowing you to experiment and tweak settings with confidence. Editable options for: back to top button,  progress bar, and  fade-in BODY.

Custom resources:

Custom SVG Shapes, for layout and content page.

The project includes a folder containing all the SVG files used in the demo project and more. You can replace them as you wish or even create your own using the existing ones as a reference. You can also change the color to seamlessly integrate the vector elements with the page’s color scheme.

Project pages:

Home, Pages, Team, Contact, Sample, Portfolio, Gallery, Prices, Helps, Dark ( dark mode simulation) and 'Starter Page',  your starting point to launch your website!

Plus two technical pages and term & Privacy (for static sites)