Elementy interfejsu
Menu, przyciski, zakładki, karty i formularze. Gotowe struktury HTML z CSS i zachowaniem JavaScript.
Otwórz konfiguratory ↗426 przykładów
Lista zadań z edycją
Dodawanie, oznaczanie i usuwanie lokalnych zadań w sesji.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABResponsywna siatka bento
Duże i małe moduły z przełączaniem gęstości układu.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABSekcja funkcji z kartami
Przełączane korzyści produktu z ilustracją CSS.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABKaruzela opinii bez autoplay
Ręczna nawigacja, licznik i obsługa strzałek.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABGaleria masonry z lightboxem
Układ kolumnowy ilustracji CSS oraz większy podgląd.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABFiltrowanie kart zespołu
Łączenie wyszukiwania imienia i filtra specjalizacji.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABKalkulator zakresu projektu
Przykładowe stawki i zakres aktualizują podsumowanie.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABKonfigurator wariantu produktu
Kolor i rozmiar zmieniają wizualizację oraz podsumowanie.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABKoszyk z ilością i usuwaniem
Przeliczanie cen w groszach bez błędów liczb zmiennoprzecinkowych.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABPanel statystyk z zakresem
Przełączanie przykładowych danych i wykres słupkowy.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABTester szerokości układu
Kontener reaguje na zmianę szerokości przez container queries.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABPorównywarka dwóch projektów
Warstwy CSS z wygodnym suwakiem i obsługą klawiatury.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABKarta przesuwana wskaźnikiem
Pointer capture, ograniczenie obszaru i strzałki klawiatury.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABPlansza z przesuwaniem i zoomem
Przeciąganie mapy pojęć, skala i reset widoku.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABTimer skupienia Pomodoro
Odliczanie z pauzą i synchronizacją po zmianie karty.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABStoper z międzyczasami
Pomiar performance.now, pauza, kolejne okrążenia i reset.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABPostęp operacji z anulowaniem
Symulacja procesu: start, pauza, wznowienie i anulowanie.
Zobacz kod i podgląd ↗HTML / CSS / JS / LABStos powiadomień z zamykaniem
Komunikaty z limitem pięciu i pauzą automatycznego zamykania.
Zobacz kod i podgląd ↗