Elementor AI's Prompt Library

Icons

Hover

Translation

Biography

Marketing

Instructions

Portrait

Abstract

Urban

Illustration

Currently, our library doesn't have any code prompts that match your search. But no worries, we're constantly working on adding new prompts.
Feel free to check back later!

Images

Generative

Pro

Handmade, Help Center, Illustration, Line Art

Help center illustration line art style

Create an illustration of a help center represented contact service for e-commerce website in pink color.

NOTES

Rate this prompt

Notes:

Choose in the image generator the following parameters:
Image Type: Handmade
Style: Line Art
Edit: Remove Background

Please note that, much like any other AI-generated content tool, the outcomes obtained from the suggested prompts in the Prompt Library can vary even when using the same prompt. Embrace the diversity and creativity in each result!

Last Updated: October 29, 2023

Code

CssCustom CodeJavaScript

Pro

Animation, Confetti

https://prompts.elementor.com/wp-content/uploads/2024/01/Falling-Confetti-Animation-for-Full-Viewport-Canvas.mp4#t=0.01

Falling Confetti Animation for Full-Viewport Canvas

Insert the following code in the <head> of the website. Generate concise JavaScript code for a falling confetti animation on a fixed HTML5 canvas of full viewport size width and height. Ensure the animation does not disrupt the layout of the page and that the confetti particles fall smoothly from the top to the bottom like a rain. Consider optimizing the code and CSS styles to prevent interference with other page elements. Make the canvas above all elements but links (z-index: 1000). Randomize confetti properties like size, color, and rotation for visual appeal. Make each particle falling in another time and speed. Make the pointer-events to none. Do not hidden the overflow.

NOTES

Rate this prompt

Notes:

Custom Code Placement: Place the provided JavaScript code in the Custom Code section of Elementor. In the conditions settings, set it to the Entire Site if you want the code to work on all pages of your website.

Last Updated: January 9, 2024

Code

Css

Pro

Animation, Button, Hover

https://prompts.elementor.com/wp-content/uploads/2023/11/Buttons-icon-rotates-and-text-moves-on-hover_01112023.mp4#t=0.01

Button’s icon rotates and text moves on hover

Make a smooth rotate transform of 360deg with a transition of 0.8s on the button icon when hovering on the entire button. At the same time move the position of the button text 5px to the right, with a transition of 0.8s when hovering on the entire button. Add a smooth transition after removing the hover state.

NOTES

Rate this prompt

Notes:

Last Updated: February 20, 2024

Images

Generative

Pro

Background, Gradient

Colorful pink and blue and gradient background

Add on a light pink background a few dark light and smooth radial gradients from 50% to 0%, blue tones colors and with a blurry effect on them. The background should be only this, without any element on it.

NOTES

Rate this prompt

Notes:

Choose in the image generator the following parameters:
Image Type: Background
Style: Gradient

Last Updated: October 29, 2023

Images

Generative

Pro

3D, Sofa, Surreal

Banana Sofa Cinematic Style

Make a sofa look like a banana.

NOTES

Rate this prompt

Notes:

Choose in the image generator the following parameters:
Image Type: Digital Art
Style: Cinematic

Last Updated: February 5, 2024

Text

Content based

Pro

Title

Generate a title based on description

Generate me a title based on the following description: [Put your text description here]

NOTES

Rate this prompt

Notes:

Last Updated: November 5, 2023

Discover a World of Possibilities with AI

AI Images

Generate Images  with AI

Use the brain power of AI to create one-of-a-kind images that you can edit and fine-tune without ever leaving the Editor environment.

AI Text

Create Text with Generative AI

Embrace an efficient approach to content creation with AI that generates, enhances, and translates copy to fit any element seamlessly.

AI Code

Write Custom Code with AI

Generate Custom CSS code to gain complete control over your website styling while maintaining a lightweight and flexible design.

AI Containers

Build AI-Generated Container Layouts

Let AI create your container layouts including content, style, images, fonts, etc., according to your prompt request.

Elementor AI

AI Starter

16% OFF

/mo

Billed annually at

/year

24,000 Credits 30 Days History Storage Features Generates Text, Code, Images Builds Container Layouts AI Context One subscription covers all your Elementor websites

AI Power

27% OFF

/mo

Billed annually at

/year

50,000 Credits 30 Days History Storage Features Generates Text, Code, Images Builds Container Layouts AI Context One subscription covers all your Elementor websites

Non-refundable, try it free on any Elementor Website. Compatible with Elementor 3.13 and higher.
By purchasing Elementor AI, you agree to our AI Terms & Conditions

The price above includes Israeli VAT based on your billing address.

The above prices do not include applicable taxes based on your billing address.

Have an amazing idea for a prompt?

Tell us about it so we can add it to our prompt library and others can benefit.

Thank you!

Thank You!
The Elementor Team

What do you think of this prompt?

Prompt Title

Thank you for your feedback!

How do Elementor AI credits work?

Your plan gives you an annual amount of credits to spend on the mix of prompts you want to enter. These are the credits needed for each type of prompt you write.

The Starter Plan enables you to generate up to 24K text entries or 24K code snippets or 725 image requests, or 600 Container prompts, or any mix.

The Power Plan enables you to annually generate up to 50K text entries or 50K code snippets or 1,500 image requests, or 1250 Container prompts, or any mix.