Code Monkey home page Code Monkey logo

awesome-leptos's Introduction

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

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.

Components

  • Leptonic A rich component library for Leptos.

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.

Blogs / Websites

  • leptos.dev The official Leptos website, built with Leptos (of course.)
  • Itehax Blog Markdown blog written using Leptos(with server side rendering) and styled using Preline (component library for tailwindcss) (source)
  • Personal 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.

awesome-leptos's People

Contributors

baptistemontan avatar fundon avatar gbj avatar itehax avatar khuedoan avatar messense avatar msmaiaa avatar myfavshrimp avatar nicoburniske avatar srid avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.