blorbb / awesome-leptos

A collection of awesome libraries in the Leptos ecosystem.

Awesome Leptos

A collection of awesome libraries in the Leptos ecosystem.

Leptos is a framework for creating full-stack web applications using Rust.

Resources

• Leptos Book (WIP)
• Discord Community

Tools

• cargo-leptos coordinates rebuilding the server and client side of your app
• leptosfmt provides formatting for the view macro

Starter Templates

Official

• leptos-rs/start - Starter template for use with the Leptos web framework and Actix.
• leptos-rs/start-axum - Starter template for use with the Leptos web framework and Axum.
• leptos-rs/start-axum-workspace - Same as above but using Cargo workspace to split crates

Unofficial

• leptos-fullstack - A Nix template for full-stack web apps in Rust using Leptos + Tailwind

Styling and Design

• Stylers Compile-time scoped CSS extracted from Leptos components
• Styled Scoped CSS styles
• turf - Macro based compile-time SCSS transpilation, CSS minification, and class name uniquification toolchain inspired by CSS modules
• phosphor-leptos The phosphor icon family

Quality of Life

• tracing-subscriber-wasm A MakeWriter implementation to allow directly using tracing_subscriber in the browser or with NodeJS to allow for beautiful tracing integration into Leptos apps.
• wasm-bindgen-struct A crate making it easier to declare wasm_bindgen types and implement getters/setter as if they were normal Rust structs.

Alternate Macros

• leptos-mview A concise view! macro inspired by maud.

Components

• Leptonic A rich component library for Leptos.
• Thaw An easy to use leptos component library.
• leptos_animated_for A For-like component designed for animating elements of a list.

Libraries

• leptos-use Reactive primitives to make app development easier. (Like react-use, vue-use, etc.)
• leptos_query Asynchronous cache for data fetching and state management
• leptos-icons An icon library for Leptos
• leptos_image Optimize static images with leptos (similar to NextJS <Image/>). It converts images to .webp format, and generates Low Quality Image Placeholders (LQIP) included in your initial SSR render.
• leptos-declarative Declarative control-flow components
• leptos-tracked Utility traits for composing Leptos signals with fewer nested closures
• leptos-signals Additional primitives for working with signals
• leptos-tea A library for state management using The Elm Architecture (TEA) in Leptos
• leptos-leaflet Leaflet components for Leptos
• Papelito A simple WYSIWYG editor for leptos.
• leptos-server-signal Leptos signals kept in sync with the server through websockets.
• leptos_sse Leptos server signals synced through Server-Sent-Events (SSE).
• leptos_i18n A translation library for Leptos.
• leptos_darkmode A Darkmode Helper which adds the dark class for Tailwind CSS, based on the local storage or media profile.
• leptos_oidc A Leptos utility library for simplified OpenID Connect (OIDC) authentication integration.
• leptos_meilisearch A Leptos integration for meilisearch, wrapping them in a Resource and helps with useful helper functions und utils.

Blogs / Websites

• leptos.dev The official Leptos website, built with Leptos (of course.)
• Itehax's blog Markdown blog written using Leptos(with server side rendering) and styled using Preline (component library for tailwindcss) (source)
• LeVuMinhHuy's blog A simple markdown to html blog
• viz.rs The documentation site for Viz web framework
• khuedoan.com Markdown blog built with Leptos and Axum, styled with Tailwind CSS (source)
• nicoburniske.com Blog + Photo gallery (using leptos_image and leptos_query). Styled with Tailwind CSS.
• quanticbox.app Basic financial dashboard built with Leptos, Axum, and Diesel. Styled with Tailwind CSS and DaisyUI.