Written By Rita
Last updated 8 days ago
In addition to creating beautiful designs, Readdy's AI also understands visual effects. You can prompt Readdy to add visual effects to your websites or apps. We listed below some example effects you can add below. You can come up with more cool effects to add.
To get the effects exactly where you want, it probably needs some adjustment. However, the AI can understand the instructions very well.
Particle effects
Example prompt:
Help me add particle effects to the header section that give a feeling of huge sandstorms
Example adjustment:
I want it to be more intense - there should be more particles, moving at a higher speed
Typewriter effects
Example prompt: Change the second line in the title with a typewriter effect. The second line should change between: Growth / Conversion / Retention. Use different pastel colors for each word.
Example adjustment:
Right now the typewriter effect is too fast, make it 2 times slower
Starfield effect
Example prompt:
Create an immersive star field effect using Three.js within the hero section, featuring 1000 perfectly round particles (no reduction in quantity). Use THREE. Circle Geometry or sprite materials with circular textures to ensure each star appears as a perfect circle, not a square pixel. The particles should move rapidly along the z-axis towards the camera, with a subtle radial glow effect. Distribute all 1000 stars densely within a cubic space behind the main title content, constrained to the hero section boundaries. Implement a seamless loop by resetting stars to the far distance when they pass the camera view. Technical requirements: Use THREE.CircleGeometry or circular sprite textures Generate exactly 1000 particles maintaining perfect circle shape Add subtle radial glow to each particle Implement smooth z-axis motion Contain effect within hero boundaries The effect should create a dense, dynamic star field with pristine circular particles.
Example adjustment:
Based on the existing star field effect, modify the particle movement direction to flow away from the camera (reverse the current z-axis motion). Instead of stars moving towards the viewer, they should appear to recede into deep space, creating a sense of moving forward through the cosmos. Keep all other specifications unchanged.
Add videos
You can replace hero sections with videos for even better effects, example below:
Prompt used: Replace the background image with a video, here is the video address: https://videos.pexels.com/video-files/6537653/6537653-hd_1920_1080_24fps.mp4