Generator wzorów

O Generator wzorów

Generator wzorów zamienia blisko 2000 gotowych projektów w tła, które można dopracować i od razu wykorzystać. Przeglądaj 14 kolekcji, od fal, groszków i teselacji po tartany, japońskie seigaiha, islamskie gwiazdy, wachlarze Art Deco, sprite'y pikselowe i kamuflaż, i zobacz każdy projekt we własnych kolorach.

Każdy projekt jest narysowany jako grafika wektorowa i powtarza się bez widocznego szwu, przy dowolnym powiększeniu i pod dowolnym kątem. Możesz zmienić do sześciu kolorów, powiększenie, położenie, odstępy, grubość linii i kąt, zamienić wypełnione kształty w kontury albo wprawić wzór w ruch za pomocą animacji w pętli. Wzory generatywne, takie jak mapy topograficzne, komórki Woronoja i kafelki Truchet, potrafią dać nowy wariant przy każdym kliknięciu.

Gdy efekt jest właściwy, skopiuj go jako CSS, SCSS, konfigurację Tailwind, SVG w kodzie, Data URI lub komponent React albo pobierz plik SVG, PNG, JPG lub WebP w dowolnym rozmiarze do 8000 pikseli, także jako pojedynczy kafelek do własnego powielania. Wszystko działa w przeglądarce: nic nie jest przesyłane i nie trzeba zakładać konta.

Jak korzystać z Generator wzorów

1. Wybierz wzór: wyszukaj go po nazwie albo przefiltruj według kolekcji i liczby kolorów.
2. Wybierz kolory za pomocą próbników, gotowej palety lub przycisku „Nowa paleta”.
3. Dostosuj powiększenie, położenie, odstępy, grubość linii i kąt. Zablokuj wybrane wartości, zanim użyjesz przycisku „Zainspiruj mnie”.
4. Sprawdź wynik w podglądach „Pokaż kafelek”, „Na stronie” i „W tekście”.
5. Skopiuj kod lub pobierz plik, a przyciskiem „Kopiuj link” wróć później dokładnie do tego wzoru.

Najczęściej zadawane pytania