Component Library

Live components to copy: effects, mockups and backgrounds

A collection of 31 website components that ran on real sites and were not written as demos, each available in an independent HTML version and a React version. It includes essentials for any business site, like expanding FAQs, a pricing table with a toggle, opening hours, a countdown, a before-and-after slider, and a floating WhatsApp button, alongside heavier effects like a phone WhatsApp chat, a glow that follows the cursor, scroll reveal, WebGL backgrounds, and fireworks. Every component has a live preview. You can paste the HTML version into any site, while the React version with Tailwind is perfect for a Lovable, Vite, or Next project. No component requires an external library, and you can download the entire tab in a single ZIP file.

Frequently asked questions

What is the difference between the two versions?

The HTML version is a single snippet you paste before the closing body tag in any website, even if it is not built with React. The React version is a component file for an existing project. They are exactly the same component in practice.

Do I need to install a library?

No. All components were written without external dependencies, including those that originally used framer-motion or gsap.

Is what I see in the preview exactly what I will get?

Yes. The preview runs the exact HTML version you download, inside an isolated frame.

Can I use this on client websites?

Yes. The code is meant to be pasted into your projects, including client work.

More tools you might need

• WhatsApp chat builder: Build an animated chat inside a phone screen to paste
• Icon and Animation Gallery: Over 200 ready-to-copy icons, animations, effects, scenes
• Downloadable Icons: 32 3D icons and 80 line icons for Israeli topics
• QR code generator: QR for links, WhatsApp, WiFi, VCard contacts and events

All tools in Component Library

Klix could not load

Try reloading the page first. If a new version just went out, a reload fixes it straight away.

If reloading did not help, your browser may be too old. Klix runs the tools on your own device rather than on a server, so it needs a browser from 2022 or later. What to do: update Chrome or Firefox, then open klixtools.com again.

Reload the page