Free animated UI components in HTML, CSS and React
Animated UI components you can copy
AIMRAN Library is a free collection of 814 animated interface components I build and polish on real projects: CSS buttons with hover effects, loaders and spinners, toggle switches, custom checkboxes and radio buttons, inputs, cards, tooltips, toast notifications, navigation menus, modals and drawers, Liquid Glass pieces, text and scroll animations, microinteractions, animated backgrounds and complete 404 pages. Every component runs live on the page, so you can change colours, size, speed and text before copying it.
Most components are plain HTML and CSS, which means they work in any stack: a static site, WordPress, Webflow, Next.js, Vue or Laravel. The rest are React components built with Motion. Every page shows the code in tabs (HTML, CSS, JS and React) and also gives you a ready-made prompt, so ChatGPT, Claude, Cursor, v0 or Lovable can adapt the component to your project, for example with Tailwind classes.
The library is available in English, Spanish, German and French, and new components arrive every few weeks.
Frequently asked questions
What is AIMRAN Library?
AIMRAN Library is a free collection of animated UI components for the web, made by the developer Aimran Oukham. You can tweak each component live and copy its HTML, CSS, JavaScript or React code.
Is AIMRAN Library free? Do I need an account?
Yes, it is free and there is no sign-up. Open any component, adjust it and copy the code.
Can I use the components with Tailwind, Vue or another framework?
Yes. The HTML and CSS components work anywhere. For a specific framework, copy the AI prompt from the component page and paste it into ChatGPT, Claude or Cursor to get a version in Tailwind, Vue, Svelte or plain React.
How do I use a component with an AI coding assistant?
Each component page has a Copy prompt button. The prompt describes the component, your current settings and the code, so an assistant like Claude, ChatGPT, Cursor, v0 or Lovable can add it to your project without guessing.
Are the components accessible?
They use real buttons, inputs and labels, visible keyboard focus and aria attributes where needed, and the animations respect prefers-reduced-motion.