Frequently asked questions

The downloadable components and templates are source code for developers to integrate and customise. Each package includes setup instructions. The existing visual editor remains available as a separate tool.

Yes. All 100 current components and the complete Roofing website template can be downloaded without signing up or subscribing. An optional free account lets you save favourites and organise project collections. Upcoming template concepts are not downloadable.

Browse the Components catalogue, try a live preview and download the component ZIP. Follow its README for React/Tailwind or standalone HTML/CSS/JavaScript. To use the separate legacy visual editor, open the builder and choose a component or preset.

Free and Pro plans apply to the legacy visual builder and its usage limits. They are not required to download the 100 free marketplace components or the free Roofing website template. Future resource pricing will be stated on the relevant product pages.

Yes. You can cancel from your billing area. If your subscription is already active, you will usually keep access until the end of the current billing period.

Your billing page includes payment history, invoice access where available, and a summary of your current plan and renewal information.

Your subscription status may change depending on Stripe’s retry flow. If payment cannot be collected, access to paid features may eventually be limited until billing is resolved.

A preset is a reusable saved style configuration for a component type. It helps you start with a specific look instead of rebuilding the same styling every time.

Yes. You can create and save your own presets for supported components, then reuse them later directly from the presets flow.

Yes. Saved components can be reopened from the dashboard so you can continue editing, rename them, export them again, or use them inside design systems.

Yes. The editor supports selection, duplication, moving, deleting, and other layout actions depending on the component and element type.

A design system is a project area where you can group related saved components and categories together so your work stays organized and easier to reuse.

Yes. Categories help organize components by purpose, such as buttons, forms, navigation, marketing, or product UI.

No. Adding a saved component into a design system organizes it inside that project, but it does not remove the original saved item from your account.

ElementYard launch exports focus on HTML + CSS, React Component, and React + Tailwind so your visual work can move into real frontend projects.

Available tools include Code Checker, CSS to Tailwind Converter, Code Cleanup, WCAG Contrast Checker, Wave & SVG Divider Maker, and design utilities for gradients, palettes, shadows, spacing, and typography.

Yes. Export areas usually support previewing, copying, and downloading code so you can move quickly into your own project workflow.

Exports are designed to save time, but you may still want to refine markup, class names, and structure depending on your project conventions.

Use the forgot-password flow on the login page. If password reset is enabled in your auth setup, you will receive instructions by email.

For security, inactive sessions may time out after a period of inactivity. You can sign back in to continue where you left off.

Payments and billing management are handled through Stripe, which manages payment processing and billing portal functionality.

Your saved components and account data are tied to your authenticated account. Access depends on your app’s authentication and database policies.