Awesome Svelte Brasil

_{Outros projetos interessantes}
Eventos Svelte Brasil    Criado sua biblioteca Svelte

Uma lista de coisas incríveis relacionadas ao Svelte

• Recursos
  • Recursos Oficiais
  • Comunidade
  • Playlist no Youtube
  • Lives
• Tutoriais
• Projetos usando Svelte
• Exemplos
• Bibliotecas e Componentes
  • UI Layout
  • UI Componentes
  • Roteamento
  • Utilitários
• Templates
• Extensões para VSCode
• Artigos
• Como Contribuir

Recursos

Recursos Oficiais

• Site Oficial
  • Tutorial
  • API Docs
  • Exemplos
  • REPL
  • Blog
• GitHub Repo
• Sapper - SSR e PWA Framework para Svelte.
• Svelte Native - Projeto para desenvolvimento Mobile Nativo com Svelte, baseado no NativeScript.
• Svelte GL - Projeto para criar animações 3D com WebGL API.

Comunidade

• Twitter
• Grupo Telegram
• Youtube
• GitHub Repo
• Grupo Facebook
• Página Facebook

Playlist no Youtube

• Canal Geek Dev - Aprenda Svelte JS
• CodDev TV - Svelte
• Matheus Castiglioni - Svelte
• Space Devs - Controle de Estoque Utilizando Flask, SvelteJS, Docker e Bootstrap.

Lives

• marcobrunodev - Lives criando projetos real com Svelte do início ao fim.

Outros sites

• Curso de Svelte (Fabio Vedovelli) - Curso introdutório ao Svelte.

Tutoriais

• Tutorial Rápido - PDF para consulta rápida das principais features do Svelte

Projetos usando Svelte

• Shop-Shop - Uma loja virtual estática desenvolvida com Svelte
• Leja - Um CMS estático.
• OpenWhats - Aplicação para envio de mensagens de whatsapp sem precisar incluir nos contatos do celular.
• Trellu - Projeto inspirado no Trello, para gerenciamento de projeto.
• Projeto do Curso Svelte - Projeto desenvolvido no Curso de Svelte do Fabio Vedovelli
• Hello World
• Bind Values
• Carousel - svelte-carousel
• CRUD com Svelte+Sapper+Bulma
• Finance Notes App - Finance Notes é um web aplicativo PWA para auxiliar no controle e domínio das suas finanças pessoais.

Jogos usando Svelte

• 2048 Svelte - Jogo 2048 recriado em Svelte

Comparações e Análises

• Revelt - Análise de um projeto utilizando as tecnologias React e Svelte.
• Will it Scale? - Comparando o "ponto de inflação" da bundle entre projetos React e Svelte

Bibliotecas e Componentes

Animação

• svelte-typewriter - Um efeito de digitação (typewriter) simples e reutilizável para suas aplicações Svelte

UI Layout

• Svelte Materialify - Material Design para Svelte.
• Svelte Material UI - Material Design para Svelte.
• Svelma - Componentes Bulma para Svelte.
• Sveltestrap - Componentes com Bootstrap 4.
• Smelte - Componentes baseados no Vuetify com Material Design e Tailwind CSS.
• Carbon - Conjunto de componentes do design system da IBM.
• Svelte Chota - Biblioteca de componentes UI para Svelte feita com o pequenino chota.css.
• Svelteit - Biblioteca de componentes UI/UX minimalista para projetos Svelte e Sapper.
• Svelte Mui - Conjunto de componentes UI bem leves (~30 KB minzipped) para Svelte, inspirado no Material Design do Google.
• MDBSvelte Biblioteca de componentes desenvolvida com Material Design e Boostrat.
• Notus Svelte - Conjunto de componentes desenvolvidos com Tailwind CSS

UI Componentes

• Svelte Carousel - Um carrossel leve e simples para o Svelte 3.
• Svelte Fullscreen - Realiza fullscreen em elementos do DOM.
• Svelte Infinite Scroll - Insere a função de infinite scroll em listas.
• Svelte Resize Observer - Detecta e informa mudanças de tamanho em elementos.
• SvelteJs Forms - Gerenciador de formulários.
• Svelte Copy to Clipboard - Componente para realizar cópia de textos.
• Svelte Facebook Login - Realiza login com o facebook.
• Svelte Input Mask - Insere máscara de data nos campos de texto.
• Svelte Grid Responsive - Sistema de grid responsivo baseado no Bootstrap.
• Svelte Scroll Shadow - Componente que personaliza a rolagem e insere sombra quando a rolagem existe.
• Svelte Loading Spinners - Uma coleção de componentes de carregamento.
• Svelte DND Action - Clica e Arrasta.
• Svelte Document Title - Gerenciador de document.title.
• Svelte Internet Connection - Detector de conexão com a internet.
• Svelte Avatar - Componente simples de avatar com fallback para iniciais.
• PROI-UI - Componentes sveltes em Beta
• Svelte Github Login - Realiza login com o github.

Roteamento

• Svelte Routing - Uma biblioteca para criar rotas com suporte a SSR.
• Svelte SPA Router - Roteador para SPAs.
• Abstract State Router - Roteador abstrato para utilizar com vários frameworks.
• Svelte Router - Roteador inspirado no Vue Router.
• Routify Roteador inspirado no roteamento do Sapper
• YRV Construído sobre o abstract-nested-router
• Svelte Client Router - O roteador para Svelte SPA!.

Teste

• Svelte Testing Library - Utilitários de teste para Svelte

Utilitários

• Svelte Preprocess - Pré-processador com suporte para SCSS, Stylus, Less, PostCSS, Pug, Typescript, Coffeescript e muito mais.
• Svelte i18n - Biblioteca de internacionalização.
• Svelte Loadable - Biblioteca para auxiliar o carregamento dinâmico de componentes.
• Svelte CSS vars - Utiliário para ter variáveis de CSS reativas.
• svelte-promisable-stores - Coleção de stores para guardar Promises. Útil para lidar com promises de requisições de API.

Frameworks

• JungleJS - Monte sites estáticos com Svelte + GraphQL
• Elder.js - Gerador de site estático com foco em SEO

Templates

Svelte Básico

• Svelte template - Template para criar aplicativos básicos.
• Svelte template Webpack - Template para criar aplicativos básicos com Webpack.
• svelte-routify-dotenv-sass-prettier-test - Template svelte configurado com Routify, Sass, Dotenv, prettier, jest e rollup.
• svelte-boilerplate - Template svelte configurado com Less.js, TypeScript e Rollup

Sapper

• Sapper template - Template padrão do Sapper, disponível para Rollup e webpack.
• sapper-sass-env-storybook-prettier - Template Sapper configurado com Sass, Dotenv, Storybook, prettier e webpack.
• sapper-boilerplate-stylus-env-axios - Template Sapper configurado com Stylus, Dotenv, Storybook, prettier, axios e webpack.

Electron

• Svelte Electron template - Este é um template para criar aplicativos Electron com o SvelteJS

NativeScript

• svelte-native-template - Template para criar APPs mobile com NativeScript e Svelte

Bibliotecas

• svelte-library-template - Template para criação de bibliotecas para Svelte.

Extensão para VSCode

• Svelte for VS Code - Suporte a linguagem Svelte
• Svelte Intellisense - Fornece suporte para dados, eventos, slots etc. para os componentes.
• Svelte 3 Snippets - Atalhos para os recursos do Svelte 3
• Svelte Require - Ajuda no requerimento arquivos svelte, dependências e módulos principais em um componente svelte
• Svelte Component Extractor - Cria um novo componente como código selecionado em outro.
• Svelte Auto Import - Localiza, analisa e fornece automaticamente ações de código e conclusão de código para todas as importações disponíveis. Funciona com arquivos TypeScript, Javascript e Svelte
• Svelte Type Checker - Checa os tipos das variáveis e props com base no Svelte 3
• Svelte Server - Servido integrado ao VS Code para projetos Svelte
• Svelty Snippets - Conjunto de snippets para Svelte

Artigos

• Front-end com o Compilador Svelte
• Experiências com Svelte por um desenvolvedor React [pt-BR]
• Svelte 3: Começando com Svelte 3
• Conheça Svelte, o framework “compilador”
• Svelte: o framework JavaScript que não é um framework

Outras fontes

• Made with Svelte
• Awesome Svelte Resource

Ir para o Topo