Jak powstawało section.tools – darmowa biblioteka 300 komponentów do Webflow

section.tools to mój autorski projekt – darmowa biblioteka prawie 300 gotowych komponentów do Webflow, które każdy może skopiować i wykorzystać w swoich projektach. Platforma powstała z pasji do Webflow i chęci ułatwienia pracy projektantom i firmom.

Jak to się zaczęło:

Zainspirowało mnie relume.io – serwis, który pozwala na szybkie kopiowanie komponentów. Pomyślałam: dlaczego nie spróbować stworzyć podobnego mechanizmu w polskiej wersji, z własnymi rozwiązaniami?

Technologie, które wykorzystałam:
  • Webflow – baza komponentów i ich podgląd
  • Finsweet – do filtrowania i logiki CMS
  • Netlify + GitHub – do hostowania podglądów i kopiowania kodu
  • GitHub – mechanizm eksportu sekcji do JSON, gotowych do wklejenia w Webflow
  • Figma – projektowanie UI/UX komponentów
  • Make + Airtable – automatyzacja dodawania komponentów i aktualizacji bazy
  • Stripe + Memberstack – (testowo) logowanie i płatności

Efekt:

Udało się zbudować platformę z logowaniem, podglądem komponentów i możliwością kopiowania całych sekcji jednym kliknięciem. Powstało już 300 komponentów – od nawigacji i hero, po karty, listy i pricing tables.

Dziś section.tools jest darmowe.

Każdy może wejść, przeglądać i kopiować komponenty do swojego projektu w Webflow. Ale na tym nie koniec – w planach mam rozwój platformy o kolejne komponenty i nowe funkcjonalności.

👉 Wejdź na https://section-tools.webflow.io/ i sprawdź sam.