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.
webpack build-tool bundle vuejs react preact vue svelte typescript babel postcssA lightweight state container based on Redux
redux lightweight state flux small functional react react-native preact typescript svelte predictable immutable elm light simpleMilitary-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.
svelte isomorphic universal template expressAn online code editor tailored for web applications. This project was bootstrapped with Create React App.
codesandbox react vue preact svelteStorybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components. Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.
storybook styleguide testing components library webpack ui react vue react-native design-systems angular polymer svelte ember marko ui-components documentation web-components angularjs babel eslint frontend jamstack markup reactjs reuseable storybookjs templated tool user-interface vuejsAfter 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.
svelte dbmonsterCompile Svelte components.Note that we need to install Svelte as well as the plugin, as it's a 'peer dependency'.
svelte rollupSmall web component to determine if clicks occur inside or outside a panel. Published and released under the Very Open License.
svelte clickfor more detailed examples how to use it with frameworks, see examples.
range-picker date-picker svelte vanilla-jsRequires 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 sapper e2e unit test testing cypress-io cypressThis demo uses jquery.dataTables and Toastr plugins. The core of the app is located in the init directory.
svelte-components svelte boilerplate typescript webapp-boilerplateThe preferred way to install this package is through Yarn or NPM. Alternatively, you can simply reference it from a CDN.
sveltejs svelteA language server (implementing the language server protocol) for Svelte. The idea behind a Language Server is to provide the language-specific smarts inside a server that can communicate with development tooling over a protocol that enables inter-process communication.
language-server svelte vscode atom editorConnect svelte components to a redux store. If you've used redux with react, this should be quite familiar.
svelte reduxProvides syntax highlighting and rich intellisense for Svelte components in VS Code, utilising the svelte language server. More features coming soon.
svelte vscode vscode-extensionSvelte 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.
svelte apollo graphqlabstract-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.
router single-page-app spa ui-router svelte routing browserifynpm + 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.
svelte abstract-state-router asr router browserifyA 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 browserify transform browserify-transformUse Svelte components inside React apps. Demo here, source code for the demo here.
react svelte components
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.