https://github.com/oslabs-beta/gesvelte

A custom form builder app for Svelte developers powered by SvelteKit.
https://github.com/oslabs-beta/gesvelte

accessibility forms playwright svelte sveltekit typescript

Last synced: 12 months ago
JSON representation

A custom form builder app for Svelte developers powered by SvelteKit.

• Host: GitHub
• URL: https://github.com/oslabs-beta/gesvelte
• Owner: oslabs-beta
• License: mit
• Created: 2023-01-13T21:31:00.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-02T16:02:34.000Z (over 3 years ago)
• Last Synced: 2025-07-03T07:51:18.748Z (about 1 year ago)
• Topics: accessibility, forms, playwright, svelte, sveltekit, typescript
• Language: Svelte
• Homepage: https://gesvelte.io
• Size: 2.78 MB
• Stars: 50
• Watchers: 5
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          



    



# geSvelte

![Website Status](https://img.shields.io/website?down_color=red&down_message=offline&up_color=green&up_message=online&url=https%3A%2F%2Fwww.gesvelte.io)

![Github Repo Size](https://img.shields.io/github/repo-size/oslabs-beta/geSvelte) ![GitHub License](https://img.shields.io/github/license/oslabs-beta/geSvelte) ![GitHub PR](https://img.shields.io/badge/PRs-welcome-orange) ![GitHub Commit](https://img.shields.io/github/last-commit/oslabs-beta/geSvelte) ![GitHub Stars](https://img.shields.io/github/stars/oslabs-beta/geSvelte)



Simplify form building for your website or web application with [geSvelte](http://gesvelte.io) - a custom form builder for Svelte developers powered by SvelteKit.

[geSvelte](http://gesvelte.io) offers a simple, easy to use, and intuitive Svelte form-building interface with live preview, and an accompanying npm package to acceses the Svelte form components.

As a product built under the open-source tech accelerator OS Labs, [geSvelte](http://gesvelte.io) is continuously growing and improving to better serve the needs of developers.

### Table of Contents



  


    About The Project

    


      
Built With

      
Features

    

  

  
Using geSvelte

  
Future Release Plans

  
Contributing

  
Authors

  
Acknowledgments

  
License



## About The Project

### Built With

[![Svelte][Svelte.dev]][Svelte-url] [![Vite][Vite.js]][Vite-url] [![Sass][Sass]][Sass-url] [![TypeScript][TypeScript]][TypeScript-url]

### Features

- Custom no-code Svelte form creation interface with live form preview

- Built-in form field validation

- Accessibility-tested form components

- Live component code preview that lets you copy and paste the form code direclty into your applicaiton

(back to top)


## Using geSvelte

You can take advantage of everything that geSvelte has to offer if you visit [gesvelte.io](http://gesvelte.io/stage).

However, if you'd like to run the application directly from your machine, follow these steps:

1. Fork and then clone the repo:

```

git clone https://github.com/oslabs-beta/geSvelte.git

```

2. Install dependencies:

```

npm install

```

3. Start the app:

```

npm run dev

```

(back to top)


## Future Release Plans

Features currently in development:

- npm package to access the form components

- Completed documentation

- More style themes available

- More pre-composed form options available (dropdown, etc)

- Multi-step forms

Upcoming release: TBD

(back to top)


## Contributing

Contributions are always welcome!

See `CONTRIBUTING.md` for ways to get started.

Please adhere to this project's code of conduct in `CODE_OF_CONDUCT.md`

(back to top)


## Authors

| Active developers |                                                                                                                                                |                                                                                                                                                        |

| ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |

| Christian Ashley  | [![Github](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/Enixun)      | [![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?logo=linkedin&logoColor=white)](https://www.linkedin.com/in/christian-z-ashley/)      |

| Johnny Howell     | [![Github](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/jh1551)      | [![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?logo=linkedin&logoColor=white)](https://www.linkedin.com/in/john-howell-73a2b833/)    |

| Stefan Jordan     | [![Github](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/sjordan2010) | [![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?logo=linkedin&logoColor=white)](https://www.linkedin.com/in/stefan-jordan-3a466054)   |

| Ksenia Salova     | [![Github](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/ksslv)       | [![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?logo=linkedin&logoColor=white)](https://www.linkedin.com/in/ksenia-s/)                |

| Umair Shafiq      | [![Github](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/mooselamb)   | [![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?logo=linkedin&logoColor=white)](hhttps://www.linkedin.com/in/umair-shafiq-69a419261/) |

(back to top)


## Acknowledgments

Thank you to Stephanie, Debbie, and the Svelvet developers for their support.

(back to top)


## License

Distributed under the MIT License. See `LICENSE` for more information.

(back to top)


[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white

[Svelte.dev]: https://img.shields.io/badge/Svelte-4A4A55?style=for-the-badge&logo=svelte&logoColor=FF3E00

[Svelte-url]: https://svelte.dev/

[Vite-url]: https://vitejs.dev/

[Vite.js]: https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white

[Sass-url]: https://sass-lang.com

[Sass]: https://img.shields.io/badge/-Sass-CC6699?logo=sass&logoColor=white&style=for-the-badge

[TypeScript]: https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=TypeScript&logoColor=FFFFFF

[TypeScript-url]: https://www.typescriptlang.org