Awesome
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 - leptos-fmt vscode plugin - autoformat your code with leptosfmt
- cargo-runner vscode plugin - vscode plugin that makes it easy to do cargo run|build|test|bench and debug , for guide on how to use cargo-runner with leptos click here
Starter Templates
Official
-
leptos-rs/start-trunk - Starter template for Client-Side Rendered Leptos web framework apps using the Trunk build tool. Server agnostic.
-
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
-
leptos-rs/start-aws - Starter template for use with Leptos, Axum, and Amazon Web Services.
-
leptos-rs/start-spin - Starter template for use with the Leptos web framework and the Spin serverless WASI platform.
Unofficial
-
leptos-fullstack - A Nix template for full-stack web apps in Rust using Leptos + Tailwind
-
leptos-workers - Starter template for use with Leptos in Cloudflare Workers
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
- Leptos Remix Icon A wrapper around Remix Icon
Quality of Life
tracing-subscriber-wasm
AMakeWriter
implementation to allow directly usingtracing_subscriber
in the browser or with NodeJS to allow for beautifultracing
integration into Leptos apps.wasm-bindgen-struct
A crate making it easier to declarewasm_bindgen
types and implement getters/setter as if they were normal Rust structs.
Alternate Macros
leptos-mview
A conciseview!
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.
- leptos-struct-table Easily create powerful tables from structs.
- leptix Accessible and unstyled components for Leptos.
- leptos-material A leptos component wrapper for Material Web Components, along with some extra components to fill in the gaps.
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_ws Leptos WS is a Websocket Library to support updates coordinated from the Server
- 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. - floating-ui-leptos Leptos port of Floating UI, a library that helps you create “floating” elements such as tooltips, popovers, dropdowns, and more.
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
- joeymckenzie.tech Markdown blog using Leptos, DaisyUI, and Shiki for code highlighting (source)
- moturbo.com Shop for motorcycle parts, built with Leptos.
- utils.surge.sh Utils Homepage and dashboard, Utils(utilities) is a set of CLI tools to Transform developer experience, boost productivity, and elevate the quality of your projects. Built with Leptos CSR + Tailwind + Remix Icon and Animate On Scroll Library
- s1n7ax.com Portfolio using Leptos SSR + Tailwind (github)
- Taglinq Treehole application with some unique features, built with Leptos and Supabase.
- Ever blog Blog, built with Leptos SSR (Axum) + TailwindCSS, storage in RedisDB, email sender with SMTP to feedback feature.