DARMOWE NARZĘDZIE

Generator Blob Composition

Twórz organiczne kształty blob i układaj je w kompozycje CSS/SVG. Animuj, koloruj i eksportuj jako SVG lub kod CSS. Bezpłatnie. Profesjonalne narzędzie online, które działa w Twojej przeglądarce. Szybko, bezpiecznie i bez instalowania zbędnego oprogramowania.

Bezpieczne (SSL)

Przetwarzanie Lokalne

100% Darmowe

Przejdź do narzędzia

Instrukcja

1

Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku.
2

Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce.
3

Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.

                                                function runTool() {

                                                  return "Wynik gotowy w 0.1s";

                                                }

Ustawienia

Tło

Szerokość

Wysokość

Blob count

Complexity

Opacity

Seed

Palette

Wynik

Ustaw parametry i kliknij „Przetwórz”, aby zobaczyć wynik.

Powiązane narzędzia

Inne narzędzia, które mogą Ci się przydać

Generator kompozycji kształtów blob online

Blobs – organiczne, nieregularne kształty – są jednym z dominujących trendów w web designie. Generator tworzy kompozycje z wielu blobów, którymi można dowolnie manipulować.

generator blob kształty organiczne CSS SVG blob web design trendy

Tworzenie kompozycji

Dodaj wiele blobów o różnych kształtach, rozmiarach i kolorach. Przeciągaj, nakładaj, ustawiaj opacity i z-index. Efekt: wielowarstwowe, abstrakcyjne tło lub dekoracja.

Eksport

SVG z pełną edytowalnością w Illustratorze/Figmie, PNG z przezroczystym tłem, CSS clip-path (dla prostych kształtów), React/Vue komponent ze SVG inline.

Najczęstsze pytania

Czym blob różni się od zwykłego elipsy?

Blob ma nieregularne, biologicznie wyglądające krawędzie generowane przez krzywą Beziera z losowymi punktami kontrolnymi.

Czy mogę animować blob?

Tak – generator dodaje CSS animation z morph-path między dwoma kształtami blob. Efekt: pulsujący, żyjący kształt.

Do czego służą blobs w designie?

Tła sekcji hero, dekoracje obok treści, tła ikon i avatarów, elementy dividers między sekcjami strony.

Inne narzędzia SVG: generator kształtów SVG i generator gradientów.