Narzędzie webowe

Icons by Fox.

Projektowanie ikon aplikacji w przeglądarce — od kompozycji po eksport dla Androida i iOS.

Jeden projekt. Wiele formatów.

Icons skraca drogę od pomysłu na ikonę do gotowych plików. Projekt zaczyna się od tekstu, clipartu albo własnego obrazu. Wszystkie ustawienia są dostępne w przeglądarce, a podgląd pokazuje zmiany na bieżąco.

Edytor pozwala dopasować tło, wielkość, położenie i obrót grafiki oraz zaokrąglenie narożników. Podglądy platform pomagają ocenić, jak kompozycja będzie wyglądała jako ikona aplikacji.

Gotowy projekt można wyeksportować do PNG albo przygotować jako zestaw ikon dla Androida i iOS. Osobne ustawienia wariantów pozwalają dopracować wygląd na każdej platformie.

Zakres prac

Edytor ikon w przeglądarce, podgląd kompozycji i eksport plików PNG oraz zestawów dla Androida i iOS. Backend Laravel, interfejs Livewire i baza PostgreSQL.

  • Tekst, cliparty i własne obrazy
  • Edycja kompozycji z podglądem na żywo
  • Podglądy i eksport ikon dla platform mobilnych
Otwórz Icons by Fox — nowa karta

Technologie i realizacja

Aplikacja webowa łączy backend Laravel i PHP z interfejsem Livewire oraz Tailwind CSS. PostgreSQL przechowuje dane aplikacji. JavaScript i Canvas odpowiadają za renderowanie i eksport grafiki w przeglądarce, a Filament za formularze i tabele w zapleczu aplikacji.

LaravelBackend aplikacji
PHPLogika aplikacji
LivewireInteraktywny interfejs
JavaScriptEdytor i eksport przez Canvas
Tailwind CSSWarstwa wizualna
PostgreSQLBaza danych