poi - :zap: Delightful web development.

•    Javascript

Start writing an app with a single .js file, Poi could handle all the development setups for you, no more configuration hell.Note: You need to install react react-dom and run Poi with --jsx react flag. For convenience, here's also poi-preset-react which adds both React JSX and React HMR support.

redux-zero - A lightweight state container based on Redux

•    TypeScript

A lightweight state container based on Redux

sapper - Military-grade progressive web apps, powered by Svelte

•    TypeScript

Military-grade progressive web apps, powered by Svelte. Sapper is a framework for building high-performance universal web apps. Read the guide or the introductory blog post to learn more.

codesandbox-client - An online code editor tailored for web application development 🏖️

•    Javascript

An online code editor tailored for web applications. This project was bootstrapped with Create React App.

ractive-dbmonster - An adaptation of Ember's 'dbmonster' demo of Glimmer

•    Javascript

After the awesome demonstration of Ember's new rendering engine Glimmer at EmberConf, and Jeremy Ashkenas laying down the gauntlet with his version, I couldn't resist trying the same thing with Ractive.I'm really excited for the Ember community - Glimmer has been long in the planning, and looks like a tremendous piece of work. Ember itself is a great framework.

rollup-plugin-svelte - Compile Svelte components with Rollup

•    Javascript

Compile Svelte components.Note that we need to install Svelte as well as the plugin, as it's a 'peer dependency'.

svelte-panel-click - Small web component to determine if clicks occur inside or outside a panel.

•    Javascript

Small web component to determine if clicks occur inside or outside a panel. Published and released under the Very Open License.

nanocal - Airbnb range picker rip-off

•    TypeScript

for more detailed examples how to use it with frameworks, see examples.

cypress-svelte-unit-test - Unit testing Svelte components in Cypress E2E test runner

•    Javascript

Requires Node version 6 or above. The mount function returns a promise which resolves to the current document. At the same time, the instance of the mounted component is available from Cypress.component for further interaction.

Svelte-TypeScript-WebPack-Starter - Svelte-Framework Starter with TypeScript, WebPack, Bootstrap, Font-Awesome, and some other goodies

•    CSS

This demo uses jquery.dataTables and Toastr plugins. The core of the app is located in the init directory.

abstract-state-router - Like ui-router, but without all the Angular

•    Javascript

abstract-state-router lets you build single-page webapps using nested routes/states. Your code doesn't reference routes directly, like /app/users/josh, but by name and properties, like app.user + { name: 'josh' }. To find out why you should be using this kind of router, read Why Your Webapp Needs a State-Based Router.

svelte-state-renderer - abstract-state-router renderer for Svelte

•    Javascript

npm + your favorite CommonJS bundler is easiest. You can also download the stand-alone build from wzrd.in. If you include it in a <script> tag, a svelteStateRenderer function will be available on the global scope.

sveltify - Browserify transform for Svelte

•    Javascript

A Browserify transform allowing you to require Svelte templates. Defaults to transforming all .html and .svelte files. You can overwrite the transformed extensions with the extensions argument.

svelte-apollo - Svelte integration for Apollo GraphQL

•    Javascript

Svelte integration for Apollo GraphQL. Query an attached Apollo provider, returning an observable that is compatible with {#await ...}. svelte-apollo handles subscriptions internally and it is safe to use query in computed properties.

react-svelte - Use Svelte components inside a React app

•    Javascript

Use Svelte components inside React apps. Demo here, source code for the demo here.

calendar-set - Framework agnostic calendar components

•    HTML

The components are implemented with Svelte, so they can be used with Svelte component API. The following is a simple example how you can use DateCalendar component. All components have a static method setLocale to specify localized string shown in the calendar. You need to call the method before instantiating components. calendar-set provides built in locales en and ja.

svelte-test - Svelte boilerplate with a nested components example.

•    Javascript

Svelte boilerplate with a nested components example.

awesome - A curated list of delightful Svelte resources

Svelte is among the fastest libraries to build user interfaces. Contrary to React, Vue, Inferno — Svelte has no runtime. Components are written using HTML, CSS and JavaScript (plus a few extra bits you can learn in under 5 minutes). During your build process Svelte compiles them into tiny, standalone/deduplicated JavaScript modules. With static analysis, Svelte makes sure that the browser does as little work as possible. Other than being fast and weightless, Svelte has the lowest memory footprint after hand-written vanilla JavaScript. Svelte can render on both client and server. Rather than interpreting your application code at run time, your app is converted into ideal JavaScript at build time.

component-template - A base for building shareable Svelte components

•    Javascript

Your component's source code lives in src/index.html. Your package.json has a "svelte" field pointing to src/index.html, which allows Svelte apps to import the source code directly, if they are using a bundler plugin like rollup-plugin-svelte or svelte-loader (where resolve.mainFields in your webpack config includes "svelte"). This is recommended.

svelte-cli - Command line interface for Svelte

•    Javascript

Command line interface for Svelte. As of Svelte version 2.4.0, the CLI is integrated into the svelte package itself, and this package should no longer be used.