Meet UI-snippets, an elegant solution to one of the problems web devs frequently experience: finding the right snippet for the job. Built by a single person in just a month, this case study is a fantastic example of what a no-code developer can achieve entirely on their own. See the story told by the platform creator himself:
I’m Kamil Nader, a frontend developer from Slovenia, and I’ve been freelancing and developing custom projects in the industry for the last five years. Beautiful and modern designs have always been fascinating to me. However, building something awesome from the ground up takes a lot of time. That’s why I decided to create one simple app called UI-snippets.
No-code turned out to be the solution for this project. It turned out to be something I wanted to share with other frontend devs as much as I like using it on my own.
As a one-man team, I was looking for a no-code or low-code platform instead of starting to code from scratch. Here’s my list of reasons why:
No-code platforms have always been my interest, and Directual is not the first one I’ve tried. Other platforms couldn’t offer what I was looking for in terms of features, especially since I use custom code often.
I always like to see beautiful and modern designs in my projects, which is why search the web continuously for noteworthy elements. I’ve made UI-snippets to be a simple app containing an increasingly large collection of awesome snippets—checkboxes, buttons, toggle switches, inputs, and more types later.
Anyone who works with frontend—web developers, no-coders, full-stack devs, etc, can use UI-snippets to find, collect, edit, save, and implement snippets they like. All without spending an eternity browsing through hundreds of websites.
Users can use a personal library to collect and edit snippets and use their own Creators page to share their private snippets with the public library. The Creators page has a profile image, short bio, links, contact details, and snippets.
Some noteworthy features:
I wanted a large open-source element collection with the ability for saving to favorites, making edits, storing to personal library, and sharing to the public library as well.
Directual’s powerful and scalable database and API builder were instrumental in this. Most of all I enjoyed using scenarios, which helped me automate any kind of backend logic in a visual interface. This workflow set Directual apart from competitors for me, in a big way.
When it comes to the backend, frankly, nothing. It’s fantastic as it is. Since I specialize in web development, the frontend has some things I would love to see built into the platform, namely:
The app is actively growing, and I’m monitoring incoming feedback for other things I can improve. More snippets, categories, and functionality is definitely coming, but it’s worthwhile to lead the project in a similar manner to Directual: with a public roadmap. The community is everything, after all!
Got questions about this case study or Directual? Send us a message at firstname.lastname@example.org and let’s chat! Or better yet, let Kamil know what you think about UI-snippets by sending him a message at email@example.com, or to his Twitter: @UI_snippets.
UI-snippets is the wingman for web developers with an impressive arsenal of UI components at their disposal. Say goodbye to endless searching and hello to finding the perfect snippet for your project instead. And with the ability to collect, edit, and save snippets, you can create your own personal library of trusty components.
Its powerful and scalable database and API builder, coupled with the scenarios feature that automates any kind of backend logic in a visual interface, is a treasure trove of no-code. On top of that, Directual’s open-source element collection allowed him to save, make edits, store in personal libraries, and share in public libraries, creating a sweet recipe for the creation of UI-snippets.
Noteworthy features include displaying snippets with Directual's card component, preventing users from adding duplicate snippets to their favorites page, counting with Directual card actions, and filtering by creator using Directual API filtering. Users can also create their personal library to collect, edit, and share their private snippets with the public library.
Join 15,000+ no-coders using Directual and create something you can be proud of—both faster and cheaper than ever before. It’s easy to start thanks to the visual development UI, and just as easy to scale with powerful, enterprise-grade databases and backend.