This article is mainly based on the different tools & technologies one can try while exploring & experimenting the various designs and animations. I'm gonna cover this blog in two parts.
So here we begin 👇🏻
ONES I'VE USED
1. Bootstrap: its a CSS framework very popularly used. Just two or 3 links attached and you're all set to use it in your projects. Just use the appropriate classes in your elements and see the miracles.
2. GSAP: It's a JS library used for creating extraordinary animations. Very easy to use once you get the hack of it. Even if not, documentation always comes to the rescue.
3. Figma: I've basically used Figma for animating SVGs. I used to create id's within SVGs to manipulate it using GSAP. But it's used is in far too many ways that I do. It comes handy in designing extraordinary and beautiful web designs.
OTHERS
4. Materialize & Tailwind CSS: Both are amazing CSS frameworks one must definitely try. I've never used them but I've seen the design components they provide are of great deal & in competition to Bootstrap.
5. Adobe XD: It's a great tool while creating visually appealing web pages. Someone recommended me this too to use in place of FIGMA and I'm gonna try it soon.
You can also checkout: Devs-WellSource
I created this project for helping my fellow DEVs. Do check this repo and 🌟 to support.
Do tell which of these & others you use to create outstanding designs/animations?
Top comments (4)
Do you find that Bootstrap is more succinct than vanilla css things like Flex? I've looked into it occasionally, but it never seems to offer more than vanilla css. And it feels like importing additional bytes when I might not need them feels wasteful
Bootstrap is perfect for rapid prototyping, if you get to grips with the basics you can knock out interfaces in no time that look... OK. I rarely use it, but when I do it’s so I don’t have to think about the presentation in any great detail. For personal projects at least.
It was actually the basis for the UI for a company I worked at. It made everything fairly consistent which was a huge benefit to us but IMO it quickly looked dated.
Not that it was my choice for that particular project, but I would personally opt for vanilla CSS for anything public facing in the future. SASS/LESS and/or CSS variables make it all fairly easy to knock together these days.
Of all the libraries I’ve seen though, the Tailwind stuff is the most appealing to me and appears to be built in a very flexible and customisable way.
Yes I can relate to what you're saying... At start I too seem to think it this way but for projects where you don't wanna give much time for designing & focus on other aspects or when you try learning some other framework, it comes handy I guess.
Look at xp.css library.
Introducing Xtra-Power CSS: Device Size No more a Challenge!!!
manish srivastava ・ Nov 11 ・ 2 min read