HTML / CSS
Pracuj z komponentami HTML, Pug, JSX, SVG i CSS. Przetłumacz znaczniki i style do następnej implementacji.
Liczba narzędzi w tej kategorii: 21. Każde działa w przeglądarce i nie wymaga rejestracji.
Edytor ścieżek SVG
Kształtuj ścieżkę SVG bezpośrednio. Przesuwaj punkty kotwiczące i uchwyty krzywych, a następnie skopiuj ścieżkę lub zapisz SVG.
Optymalizator SVG
Optymalizuj statyczne pliki SVG lokalnie za pomocą SVGO. Porównuj wyniki i pobieraj pojedyncze pliki lub archiwum ZIP.
SVG → JSX
Efektywnie konwertuj pliki SVG na kod React JSX, usprawniając proces tworzenia dynamicznych i interaktywnych aplikacji internetowych.
Przekształć SVG dla aplikacji React Native
Wykorzystaj moc React Native dzięki temu narzędziu, które konwertuje pliki SVG na komponenty React Native, umożliwiając tworzenie wieloplatformowych aplikacji mobilnych.
HTML → JSX
Przekształcaj kod HTML do formatu React JSX w celu ponownego wykorzystania i tworzenia komponentów w projektach React, zwiększając wydajność programowania i jakość kodu.
HTML → Pug
Konwertuj HTML na szablony Pug (Jade) online. Wybierz tryb fragmentu lub pełnego dokumentu, tabulatory, przecinki między atrybutami i styl cudzysłowów. Wypróbuj przykłady formularzy i dokumentów.
Markdown → HTML
Przekształcaj pliki Markdown w HTML w celu wyświetlania sformatowanej treści tekstowej na stronach internetowych.
Generator Flexbox
Utwórz rzeczywisty układ flex. Dostosuj kontener i każdy element, wypróbuj różne szerokości, a następnie pobierz kod CSS, HTML lub Tailwind.
Generator ścieżek przycinania CSS
Twórz kształty bezpośrednio na płótnie. Przeciągaj punkty wielokąta, wypróbuj zaokrąglone kształty i eksportuj CSS lub SVG.
Generator cieni elementów
Twórz głębię warstwa po warstwie. Przesuwaj światło, dostosuj miękkość i kolor, a następnie skopiuj cień gotowy do użycia.
Generator CSS Grid
Projektuj układ CSS Grid wizualnie. Ustaw rozmiary kolumn i wierszy, przeciągnij po komórkach, aby nazwać obszary, i skopiuj CSS, HTML lub Tailwind.
Generator Cubic Bezier
Kształtuj krzywe easingu CSS, przeciągając dwa uchwyty. Porównaj ruch z liniowym tempem i skopiuj cubic-bezier() do przejść lub Tailwind.
Generator zaokrągleń narożników
Zaokrąglaj każdy narożnik, przełączaj się na promienie eliptyczne i przeciągaj uchwyty krawędzi, aby modelować kształty blob. Skopiuj CSS border-radius lub Tailwind.
Generator efektu glassmorphism
Twórz panele z efektem matowego szkła za pomocą backdrop-filter. Dostosuj rozmycie, przezroczystość, nasycenie i obramowanie na żywym tle, a potem skopiuj CSS.
Generator gradientów CSS
Twórz liniowe, radialne i stożkowe gradienty CSS z przeciąganymi punktami koloru, pokrętłem kąta i gotowymi wzorami. Skopiuj CSS lub klasę Tailwind. Za darmo.
Konwerter CSS na obiekty JavaScript
Konwertuj pliki CSS na obiekty JavaScript, aby ułatwić użycie i manipulowanie stylami w projektach front-end.
Style obiektów na literały szablonu
Przekształć style obiektowe w literały szablonowe, aby uzyskać zoptymalizowane zastosowanie stylów w frameworkach takich jak React.
CSS → TailwindCSS
Konwertuj CSS na klasy narzędzi CSS Tailwind online. Wklej reguły CSS, aby uzyskać pasujące klasy jako @apply, z bazą rem i opcjami konfiguracji (skala Tailwind v3).
Less → CSS
Kompiluj Less do CSS online za pomocą oficjalnego kompilatora less.js w przeglądarce. Narzędzie rozwija zmienne, zagnieżdżenia i mixiny oraz opcjonalnie dodaje prefiksy przeglądarek — bez instalowania lessc.
Scss → CSS
Konwertuj pliki preprocesora SCSS na standardowy CSS, upraszczając tworzenie arkuszy stylów i zarządzanie nimi.
Sass → CSS
Konwertuj pliki preprocesora Sass na standardowy CSS, zwiększając czytelność i możliwość ponownego użycia arkuszy stylów.