Komponenty do skopiowania: efekty, makiety i tła
Kolekcja 31 komponentów, które działały na prawdziwych stronach i nie zostały napisane tylko jako demo. Każdy z nich jest dostępny w niezależnej wersji HTML oraz w wersji React. Znajdziesz tu to, czego potrzebuje każda strona biznesowa. Są to rozwijane sekcje FAQ, cennik z przełącznikiem, godziny otwarcia, odliczanie, suwak przed i po oraz pływający przycisk WhatsApp. Dostępne są również bardziej zaawansowane efekty, takie jak czat WhatsApp w telefonie, blask podążający za kursorem, pojawianie się przy przewijaniu, tła WebGL i fajerwerki. Każdy komponent ma podgląd na żywo. Wersję HTML wklejasz na dowolnej stronie, a wersja React z Tailwind pasuje do projektów Lovable, Vite lub Next. Żaden komponent nie wymaga zewnętrznej biblioteki, a całą zakładkę można pobrać w jednym pliku ZIP.
Wersja HTML to jeden fragment, który wklejasz przed tagiem zamykającym body na dowolnej stronie, nawet jeśli nie została zbudowana w React. Wersja React to plik komponentu dla istniejącego projektu. W praktyce obie są tym samym komponentem.
Nie. Wszystkie komponenty zostały napisane bez zewnętrznych zależności, włączając w to te, które pierwotnie używały framer-motion lub gsap.
Tak. Podgląd uruchamia dokładnie tę samą wersję HTML, którą pobierasz, w izolowanej ramce.
Tak. Kod jest przeznaczony do wklejania w twoich projektach, w tym w pracach dla klientów.
Nie udało się wczytać Klix
Najpierw spróbuj odświeżyć stronę. Jeśli właśnie pojawiła się nowa wersja, odświeżenie od razu pomaga.
Jeśli odświeżenie nie pomogło, Twoja przeglądarka może być zbyt stara. Klix uruchamia narzędzia na Twoim urządzeniu, a nie na serwerze, więc potrzebuje przeglądarki z 2022 roku lub nowszej. Co zrobić: zaktualizuj Chrome lub Firefox i otwórz ponownie klixtools.com.