Select Text Effect:
Effect Code Editor
import { motion } from 'framer-motion'; export const MicroGlideEffect = ({ text }) => ( <div> {text.split('').map((char, index) => ( <motion.span key={index} className="inline-block" initial={{ x: -5 }} animate={{ x: 0 }} transition={{ type: 'spring', stiffness: 50, damping: 8, delay: index * 0.05, }} > {char} </motion.span> ))} </div> );