Du bist Toolanbieter:in?

Möchtest Du hier gelistet werden oder Leads mit Webinaren und eBooks generieren?
Christos Pipsos - Head of Business Development OMT-Tools Kontaktiere mich

Susy Alternativen

>> Zurück zu Susy

0.0/5 (0)

16 Alternativen zu Susy

Du suchst eine Alternative zu Susy? Hier zeigen wir Dir die besten Susy-Alternativen im Jahr 2024 im Vergleich. So findest Du das beste CSS-Framework Tool für Deine aktuellen Bedürfnisse.
Sortieren nach:

Bootstrap CSS-Framework

von Bootstrap

Fertiges CSS für Entwickler

Less & Sass

Optimiert für mobile Geräte

Das ursprünglich nur für mobile Endgeräte entwickelte CSS-Framework-Tool Bootstrap liefert für Webentwickler komplett fertiges CSS, während es im Quellcode dennoch die zwei bekanntesten sogenannten Präprozessoren Less und Sass nutzt. Bootstrap ermöglicht die Entwicklung sowohl kleiner als auch großer Projekte und passt alle Inhalte ohne doppelten Code auch an mobile Geräte wie Smartphones oder Tablets an, um die Lesezeit zu verbessern.

Das CSS-Framework-Tool Bootstrap kommt im Funktionsumfang mit zahlreichen vorgefertigten Themen und Komponenten, die jeweils eigene Module, Plugins und Tools beinhalten. Zusätzlich mit Bootstrap liefern die Entwickler eine umfangreiche Dokumentation für übliche, aber auch besondere HTML-Elemente und CSS-Komponenten sowie diverse jQuery-Plugins. Bootstrap ist eine Open-Source-Software, deren Code jederzeit eingesehen werden kann.

...mehr Infos zur Susy - Alternative Bootstrap CSS-Framework

Kostenlose CSS-Module

Komponenten für Webentwicklung

Open-Source-Lösung

Die kostenlose Software Bulma ist ein CSS-Framework-Tool, das für Webentwickler fertige Module und Komponenten liefert, um ganz einfach Webinhalte zu erstellen, die auf allen gängigen Endgeräten funktionieren. Dabei konzentriert sich Bulma stets zuerst auf mobile Geräte wie Tablets oder Smartphones, um die schnellstmögliche Reaktions- und Lesezeit sicherzustellen.

Das CSS-Framework-Tool Bulma liefert im Funktionsumfang zahlreiche vorgefertigte Module, die rein auf CSS basieren und ganz ohne JavaScript auskommen. Dennoch kann das Tool in jede vorhandene JavaScript-Umgebung integriert werden.

Bulma CSS-Framework ist eine Open-Source-Lösung, deren Code jederzeit einsehbar ist und an der bereits mehr als 200.000 Entwickler gemeinsam arbeiten, um sie ständig weiterzuentwickeln.

...mehr Infos zur Susy - Alternative Bulma CSS-Framework

Entwicklung von Websiten

Erstellen von responsiven E-Mails

Vorgefertigte Komponenten

Foundation ist ein CSS-Framework-Tool, das sich nicht nur auf die Entwicklung von Websites konzentriert, sondern auch auf die Erstellung von Apps und sogenannten „Responsive E-Mails“. Dabei sind alle Inhalte automatisch auch an mobile Endgeräte wie Tablets oder Smartphones anpassbar, um eine optimale Darstellung sowie bestmögliche Lesezeit zu erreichen.

Das Website-Tool richtet sich speziell an Designer, Entwickler sowie Teams und unterstützt bei der einfachen Gestaltung von Websites. Hierzu liefert es zahlreiche vorgefertigte HTML-, CSS und JavaScript-Komponenten, die jeweils individuell anpassbar sind.

Bei der Erstellung von HTML-E-Mails, die auf jedem Gerät gelesen werden können, hilft das E-Mail-Framework und stellt dabei sicher, dass diese auf allen gängigen Clients funktionieren.

...mehr Infos zur Susy - Alternative Foundation CSS-Framework

Anpassbares Layout

Vordefinierte, anpassbare Parameter

Optimieren von mobiler Webentwicklung

Griddle CSS Framework ist kein klassisches CSS-Framework-Tool zum aktiven Erstellen von Webprojekten, sondern ein Tool, mit dem Entwickler das Layout der eigenen Internetpräsenz gezielt anpassen können, damit es auf den unterschiedlichsten Plattformen korrekt dargestellt wird. Es liefert dazu vordefinierte Elemente und Parameter, die alle zu jeder Zeit problemlos individuell anpassbar sind. Die einzelnen CSS-Module können online über externe URLs in das eigene Design geladen beziehungsweise in den eigenen Code integriert und dann mithilfe diverser Parameter nach den eigenen Wünschen verändert werden.

Dadurch ist es möglich, die Größe des eigenen Projektes kleinzuhalten, sodass die Reaktions- und Lesezeit vor allem auf mobilen Geräten wie Smartphones und Tablets so gering wie möglich bleibt.

...mehr Infos zur Susy - Alternative Griddle CSS Framework

Materialize CSS

von Materialize CSS

Vordefinierte Designs & Komponenten

Material Design

CSS Komponenten für Entwickler

Das CSS-Framework-Tool Materialize liefert zahlreiche vordefinierte Designs und Komponenten, die komplett individuell anpassbar sind und problemlos auch für mobile Geräte wie Smartphones oder Tablets optimiert werden können, sodass auch hier gute Reaktions- und Ladezeiten erreicht werden.

Materialize CSS basiert auf dem sogenannten Material Design, das von Google entwickelt und gestaltet wurde, um erfolgreiches Design mit innovativer Technologie zu kombinieren. Dabei soll ein Designsystem entwickelt werden, das Benutzern auf allen Plattformen einheitliche Erfahrungen garantiert. Das CSS-Framework-Tool Materialize stellt Webentwicklern eine Vielzahl verschiedener CSS- und JavaScript-Bausteine sowie vorgefertigter Themen und Formen in seinem Funktionsumfang zur Verfügung.

...mehr Infos zur Susy - Alternative Materialize CSS

Milligram

von Milligram

Kompaktes CSS-Tool für Entwickler

Webentwicklung vorrangig für Mobilgeräte

Anpassbar für viele Plattformen

Als minimalistisch bezeichnet der Entwickler selbst sein CSS-Framework-Tool Milligram. Tatsächlich bietet Milligram einen kompakt gehaltenen Funktionsumfang und punktet bei seinen Modulen und Komponenten mit einer Dateigröße von nur 2 KB (komprimiert).

Bei der gesamten Webentwicklung räumt Milligram mobilen Geräten wie Tablets oder Smartphones zu jeder Zeit Vorrang ein, um so die bestmögliche Reaktions- und Ladezeit zu gewährleisten. Die so erstellten Inhalte können dann später mit Milligram problemlos für andere Plattformen angepasst und erweitert werden.

Die von Google bereitgestellte Font-Family (Schriftartfamilie) Roboto kann problemlos in die eigenen Projekte eingebettet und mit Google Fonts angepasst werden. Das Framework wurde von Milligram speziell für die neuesten Browser entwickelt, unterstützt jedoch bis zu einem gewissen Grad auch ältere.

...mehr Infos zur Susy - Alternative Milligram

Entwickelt von GitHub

GitHub-Schnittstellen für Webentwickler

Open-Source-Lösung

Die Open-Source-Lösung Primer CSS Design System von GitHub ist ein CSS-Framework-Tool, das Utility-zentrierte und BEM-artige Komponenten liefert, die die Bausteine für jedes Projekt beinhalten. Das CSS-Framework-Tool unterstützt Webentwickler beim Entwerfen eigener GitHub-Schnittstellen, der Implementierung von Ruby und JavaScript sowie beim Erstellen Komponenten-gesteuerter Benutzeroberflächen.

...mehr Infos zur Susy - Alternative Primer CSS Design System

Pure CSS Framework

von Yahoo Inc.

CSS-Tool für Webentwicklung

Anpassbare Komponenten

Optimierung für Mobilgeräte

Pure.CSS ist ein CSS-Framework-Tool für die Webentwicklung, das zahlreiche fertige CSS-Module liefert, die nahtlos in den eigenen Projekten verwendet werden können. Die einzelnen Komponenten sind komplett individuell anpassbar und können zudem problemlos für mobile Geräte wie Smartphones oder Tablets optimiert werden, um dort eine schnelle Reaktions- und Lesezeit zu erreichen.

Die besondere Konzentration auf mobile Endgeräte spiegelt sich auch in der Größe des kompletten Modul-Satzes wider, der gerade einmal 3,7 KB (komprimiert) beansprucht. Im Zuge dessen legen die Entwickler bei jeder einzelnen Code-Zeile großen Wert auf eine gewisse Übersichtlichkeit und eine möglichst geringe Größe der Dateien.

Standardeinstellungen können darüber hinaus problemlos überschrieben werden, um alle Inhalte zu jeder Zeit an die eigenen Bedürfnisse anzupassen.

...mehr Infos zur Susy - Alternative Pure CSS Framework

Semantic UI

von Semantic UI

Einfache Webentwicklung

Anpassbare Komponenten

Integration in andere Frameworks

Mit dem CSS-Framework-Tool Semantic UI ist es möglich, ansprechende Websites zu erstellen, die auf allen gängigen Plattformen funktionieren. Das Tool setzt bei seinen Modulen auf eine einfache „Sprache“ und erlaubt es, die Standardeinstellungen des Tools zu jeder Zeit individuell zu ändern. Semantic UI liefert in seinem Funktionsumfang über 3.000 vorgefertigte Themen sowie über 50 Komponenten, die komplett angepasst werden können, und macht es zudem möglich, einmal erstellte Benutzeroberflächen mit mehreren Projekten zu teilen.

Alle mit Semantic UI erstellten Inhalte sind auch auf mobilen Geräten wie Tablets oder Smartphones lauffähig, während das CSS-Framework-Tool problemlos in andere Frameworks wie zum Beispiel React, Angular, Meteor oder Ember integriert werden kann.

...mehr Infos zur Susy - Alternative Semantic UI

Simple Grid

von Simple Grid

Geringe Dateigröße

CSS-Stylesheets für Entwickler

Anpassbare Komponenten

Das CSS-Framework-Tool Simple Grid verspricht eine reaktionsschnelle Website auf allen Plattformen, aufgrund der besonders geringen Dateigröße. Das sorgt für sehr kurze Lade- und Lesezeiten, sowohl auf Desktop-PCs als auch auf mobilen Geräten wie Tablets oder Smartphones.

Die Software liefert Entwicklern zahlreiche fertige CSS-Stylesheets und Komponenten, die zu jeder Zeit an die eigenen Wünsche angepasst werden können. Im Zuge der gesamten Webentwicklung haben mobile Endgeräte stets Vorrang, während die Inhalte später problemlos für andere Plattformen erweitert werden können.

Das CSS-Framework-Tool Simple Grid nutzt die Schriftfamilie „Lato“ von Google Fonts, die auf Root-REM-Einheiten basiert, als Basis und ist komplett kostenlos nutzbar.

...mehr Infos zur Susy - Alternative Simple Grid

Skeleton

von Skeleton

Speziell für Entwickler von kleinen Projekten

Schnelle Webentwicklung

Anpassbare CSS-Elemente

Skeleton verspricht eine minimale Dateigröße seiner fertigen Module und wurde vor allem für mobile Geräte wie Tablets oder Smartphones konzipiert. Der Funktionsumfang des CSS-Framework-Tools ist bewusst kompakt gehalten und richtet sich besonders an Entwickler von kleineren Projekten, die nicht alle Komponenten großer Frameworks benötigen.

Daher liefert das CSS-Framework-Tool Skeleton nur eine Handvoll grundlegender HTML- und CSS-Elemente, um den schnellen Start in die Webentwicklung zu ermöglichen. Die fertigen Klassen und Elemente können zu jeder Zeit problemlos individuell angepasst werden.

...mehr Infos zur Susy - Alternative Skeleton

Spectre CSS

von Spectre CSS

Geringe Dateigröße

CSS-Komponenten für Webentwickler

Kostenlos

Das CSS-Framework-Tool Spectre punktet vor allem mit seiner sehr geringen Dateigröße der vordefinierten Komponenten von nur etwa 10 KB (komprimiert). Dies sorgt vor allem auf mobilen Geräten wie Tablets und Smartphones für besonders reaktionsschnelle Layouts und Lesezeiten.

Spectre CSS liefert in seinem Funktionsumfang grundlegende fertige Elemente, Typografien und Stile sowie reine CSS-Komponenten und Dienstprogramme zur Gestaltung komplexer Webauftritte. Die Software ist komplett kostenlos und wird dennoch ständig weiterentwickelt, während sie durch Spenden finanziert wird.

...mehr Infos zur Susy - Alternative Spectre CSS

Tachyons CSS Toolkit

von Tachyons CSS

Optimierte Entwicklung für Mobilgeräte

Anpassbare Komponenten

Hohe Barrierefreiheit bei Webentwicklung

Das Tachyons CSS Toolkit hilft Webentwicklern dabei, anspruchsvolle Benutzeroberflächen zu gestalten und dabei so wenig CSS wie möglich nutzen zu müssen. Das CSS-Framework-Tool liefert zahlreiche vordefinierte Komponenten und Module, die zu jeder Zeit individuell an die eigenen Wünsche angepasst und verändert werden können. Durch die Optimierung aller Inhalte auch für mobile Geräte wie Tablets und Smartphones ist eine geringe Reaktions- und Lesezeit auf nahezu allen Plattformen gewährleistet.

Ein besonderer Punkt beim Tachyons CSS Toolkit ist die hohe Barrierefreiheit. So stehen Entwicklern zahlreiche Tools und Methoden zur Verfügung, die eigene Webpräsenz so benutzerfreundlich wie möglich zu gestalten und deren Zugänglichkeit gezielt zu vereinfachen.

Die Größe der gesamten Bibliothek des Tachyons CSS Toolkits beträgt lediglich 14 KB (komprimiert). Wer nicht alle Module benötigt, kann ungenutzte einfach weglassen und die Größe des eigenen Projektes noch weiter verringern.

...mehr Infos zur Susy - Alternative Tachyons CSS Toolkit

Tacit

von Tacit

Speziell für unerfahrene Entwickler

Standard-HTML-Elemente

Kompaktes CSS-Framework-Tool

Tacit ist ein CSS-Framework-Tool, das sich speziell an Einsteiger richtet, die keinerlei Kenntnisse in Grafikdesign oder Webentwicklung haben und dennoch ansehnliche Websites gestalten möchten. Es liefert keine CSS-Klassen, sondern vielmehr Standard-HTML-Elemente wie zum Beispiel „table“ und „input“. Das gezielt kompakt gehaltene Tool ermöglicht es Entwicklern dennoch, eigenes CSS zu integrieren und erfüllt im Zuge dessen die W3C-Validierungsanforderungen.

...mehr Infos zur Susy - Alternative Tacit

Tailwind CSS-Framework

von Tailwind CSS-Framework

Fertige CSS für Webentwicklung

Entfernung von unbenutztem CSS

Optimierung auf Mobilgeräte

Das CSS-Framework-Tool Tailwind liefert zahlreiche fertige Klassen, die bei der Webentwicklung der eigenen Internetseite genutzt und individuell angepasst werden können. Zudem stellt Tailwind eine API-Schnittstelle zur Verfügung, um es mit dem eigenen Designsystem zu verknüpfen. Ein besonderes Feature von Tailwind CSS-Framework ist die Tatsache, dass es bereits während der Entwicklung unbenutztes CSS automatisch entfernt, um die Größe des Projektes so gering wie möglich zu halten, was wiederum die Reaktions- und Lesezeit enorm verringert.

Auch Tailwind optimiert alle Inhalte und Komponenten für mobile Geräte wie Tablets und Smartphones. Darüber hinaus bietet es einen sogenannten „Darkmode“ an. Hierbei können die Farben für Rahmen, Hintergründe und Texte entsprechend angepasst werden, damit Nutzer den Webauftritt auch bei wenig Licht angenehm betrachten können, ohne geblendet zu werden.

...mehr Infos zur Susy - Alternative Tailwind CSS-Framework

Tent CSS

von Tent CSS

Webentwicklung auf Basis von CSS

Ohne JavaScript

Anpassbare Komponenten

Das CSS-Framework-Tool Tent ermöglicht die einfache Entwicklung von Webinhalten auf Basis von CSS (auch Sass) und kommt dabei ganz ohne JavaScript aus. Das Tool ist bewusst schlank gehalten und konzentriert sich auf den notwendigsten Funktionsumfang, der es erlaubt, die gängigsten Designs und Komponenten zu verarbeiten. Dabei ist alles individuell anpassbar und kann bei Bedarf jederzeit erweitert werden.

Ein besonderes Feature des Tent CSS-Framework-Tools ist die Möglichkeit, die erstellten Inhalte durch den sogenannten Autoprefixer auch auf älteren Geräten und Browsern so weit wie möglich funktionsfähig zu machen.

...mehr Infos zur Susy - Alternative Tent CSS

0
Interessanter Artikel? Wir freuen uns über Deinen Kommentarx