/awesome-leptos

A collection of awesome libraries in the Leptos ecosystem.

MIT LicenseMIT

Awesome Leptos

A collection of awesome libraries in the Leptos ecosystem.

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

Resources

Tools

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

Starter Templates

Official

Unofficial

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
  • Stylance Scoped CSS modules.
  • Tailwind Fuse Fuse Tailwind CSS class together handling conflicts, and create variant based component styles. Inspired by shadcn/ui

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

Components

Libraries

  • leptos-use Reactive primitives to make app development easier. (Like react-use, vue-use, etc.)
  • leptos_query Async cache for data fetching and state management
  • leptos-icons An icon library for Leptos
  • leptos_image Image optimizer that converts images to .webp format, and generates Low Quality Image Placeholders to include 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-fluent Internationalization framework for Leptos using fluent-templates.
  • 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.
  • leptos-captcha Simple, fully self-hosted Captcha / PoW component for Leptos without any user interaction.
  • leptos-obfuscate Tiny crate with a Leptos component for obfuscating email addresses for bot and spam protection
  • cinnog Experimental static site generator using Bevy ECS as a data layer
  • leptoaster A minimal toast library for Leptos.
  • leptos_toaster A Toaster component for Leptos heavily inspired by Sonner
  • leptos-hotkeys Declaratively create and pair keybindings with callbacks for Leptos applications.
  • leptos-chartistry Chartistry is an extensible charting library for Leptos with many examples. It provides a simple and easy to use <Chart> component.

Blogs / Websites

  • leptos.dev The official Leptos website, built with Leptos (of course.)
  • benw.is benwis's personal blog, built with Leptos SSR, storage in Sqlite, and compiled to Spin!
  • 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.
  • rustytube.rs Youtube client for desktop & web. Built with Leptos and Tauri; designed with Tailwind and DaisyUI. (repo & binaries)
  • jlewis.sh Personal blog