Dynamiczne UI, bez przebudowy aplikacji

Dodaj interakcje
tam, gdzie ich potrzebujesz.

DynamicJS zamienia zwykłe linki, formularze i kontenery w szybkie interakcje AJAX — przez czytelne atrybuty HTML, bez przejścia na SPA.

HTML-first
prosta integracja
jQuery
bez nowego stosu
data-dyn-*
czytelne API
profile.html
<!-- zwykły link, dynamiczna odpowiedź -->
<a data-dyn-link
   data-dyn-url="/account"
   data-dyn-target="#page">
  Moje konto
</a>

<main id="page"></main>
Gotowe — treść pojawia się bez odświeżenia strony.

Twój HTML zostaje.
DynamicJS dodaje mu tempo.

Biblioteka nie narzuca komponentów ani routingu. Wskazujesz źródło, cel i zachowanie — resztę obsługuje runtime.

01

Oznacz element

Dodaj data-dyn-link, data-dyn-submit lub data-dyn-load.

02

Podaj odpowiedź

Użyj adresu z data-dyn-url albo istniejącego href czy action.

03

Wskaż miejsce

data-dyn-target określa fragment widoku do aktualizacji.

Małe mechanizmy,
duży efekt dla UX.

Ładowanie bez przeładowania

Linki, filtry i sekcje strony reagują natychmiast, a historia przeglądarki pozostaje pod kontrolą.

Formularze z feedbackiem

Obsługuj POST, stan ładowania, błędy i odpowiedzi w tym samym, deklaratywnym stylu.

Cache, lazy load i polling

Włączaj tylko to, czego potrzebuje konkretny widok — bez ciężkiego globalnego frameworka.

Podłącz dwa pliki
i użyj pierwszego atrybutu.

To wszystko. DynamicJS automatycznie rozpoznaje oznaczone elementy po załadowaniu dokumentu.

Pełna dokumentacja API
HTMLBundler
<button data-dyn-link
  data-dyn-url="/hello.html"
  data-dyn-target="#result">
  Załaduj treść
</button>