Narzędzia dla twórców stron
Generatory i drobne narzędzia do pracy z kodem, tekstem i elementami strony.
Otwórz konfiguratory ↗28 przykładów
Generator treści
Szkic do własnej oferty.
Zobacz kod i podgląd ↗HTML / JSGenerator slugów
Czytelne adresy bez polskich znaków.
Zobacz kod i podgląd ↗HTML / JSLinki UTM
Uporządkuj swoje kampanie.
Zobacz kod i podgląd ↗HTML / JSFormatowanie JSON
Porządek w danych.
Zobacz kod i podgląd ↗HTML / JSWidoczność i siła hasła
Czytelna informacja podczas wpisywania.
Zobacz kod i podgląd ↗HTML / JSKopiowanie pola
Kod lub adres skopiowany jednym kliknięciem.
Zobacz kod i podgląd ↗HTML / JSLicznik znaków
Kontroluj długość wpisywanego tekstu.
Zobacz kod i podgląd ↗HTML / JSSzacowany czas czytania
Daj znać, ile zajmie przeczytanie artykułu.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABGenerator losowego hasła
Losowanie lokalne z użyciem crypto.getRandomValues.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABEksplorator JSON z rozwijaniem
Wklejone dane są przedstawiane jako klikalne drzewo.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABKalkulator netto i brutto
Dwukierunkowe przeliczanie ceny dla podanej stawki.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABKalkulator rabatu i oszczędności
Cena początkowa, procent i wynik przeliczany na żywo.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABPrzelicznik jednostek długości
Metry, centymetry i milimetry bez zewnętrznego API.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABPaleta kolorów z HSL
Pięć odcieni wyliczanych z wybranej barwy.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABSprawdzanie kontrastu kolorów
Obliczenie współczynnika kontrastu sRGB według WCAG.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABGenerator kształtu clip-path
Sterowanie wcięciami prostokąta i kopiowalny kod CSS.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABLaboratorium cubic-bezier
Ustaw cztery punkty krzywej i uruchom przejście.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABGenerator płynnej typografii
Wylicza clamp dla zakresu 360–1200 px.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABKalkulator proporcji obrazu
Nowa wysokość z proporcji oryginalnego obrazu.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABPrzelicznik px na rem
Przeliczanie rozmiaru z własną wielkością bazową.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABLaboratorium filtrów CSS
Jasność, nasycenie i rozmycie na ilustracji CSS.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABTransformacje 3D w CSS
Obrót, pochylenie i skala z aktualnym kodem.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABGenerator fali SVG
Zmienna wysokość i pozycja fali z kodem SVG.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABPorównanie tekstów słowo po słowie
Algorytm LCS zaznacza dodane i usunięte słowa.
Zobacz kod i podgląd ↗