
Tailwind UI
Tailwind CSS
DaisyUI
Bootstrap
FlowBite
Chakra UI
Float UI
Preline UI
Coördinator
SVG Backgrounds
Free PS to SVG Script
SVG Circus
Svgsus
Get waves
Chart.js
Blobmaker
Tailwind UINo features have been listed yet.
No Coördinator videos yet. You could help us improve this page by suggesting one.
Based on our record, Tailwind UI seems to be a lot more popular than Coördinator. While we know about 213 links to Tailwind UI, we've tracked only 5 mentions of Coördinator. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Tailwind UI is a commercial component library, but even the free examples teach you solid patterns for responsive design and component architecture. I learned a lot just by reading through their example code. - Source: dev.to / 11 months ago
Studying existing component systems is a great starting point. You have to imitate and respect the systems that already exist before you can innovate on new things from scratch. I'd recommend starting by reading, building with, and imitating the most well-known frameworks for some personal projects. You can also find some good Figma projects to get started with on each of these. https://tailwindui.com/. - Source: Hacker News / about 2 years ago
Require base_path('views/partials/head.php') ?> require base_path('views/partials/nav.php') ?> class="flex min-h-full items-center justify-center py-12 px-4 sm:px-6 lg:px-8"> class="w-full max-w-md space-y-8"> class="mx-auto h-12 w-auto" src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=600" alt="Your Company"> ... - Source: dev.to / about 2 years ago
There's https://tailwindui.com/?ref=top, from the Tailwind CSS people. They come with a "HTML" mode, which I think means no JS. But if you need interactivity, on the web it has to be JS, because that's the only thing that can manipulate the DOM. The alternative would be something like a server-updated Canvas where the UI is done outside of the DOM and not in the client, but even that would need some JS shims just... - Source: Hacker News / about 2 years ago
If you want to learn more, you can access many ready-to-use templates and components thanks to Tailwind's vibrant community, and products such as TailwindUI (from Tailwind's creators). - Source: dev.to / about 2 years ago
Cheers. Umm I can try haha (apologies I'm not very smart) basically I traced over an animation using inkscape and exported each frame as an svg, using https://spotify.github.io/coordinator/ I then get get the xy coordinates of the svg and run macros to add the extra code so it is a compatible Json file with the program http://bummsn.de/osc_txt/. This then turns the image into sound :). Source: over 3 years ago
Thanks man :) https://spotify.github.io/coordinator/ I used to manually draw using the oscilloscope graphics editor but found this plots all the x y coordinates of an svg file. Source: over 3 years ago
Upload the svg file to this website (massive credit to Aliza Aufrichtig who made it), this website will put out equally spaced dots on the curve and you can take out the x,y coordinates. Source: over 4 years ago
Used this website to get equally spaced coordinates in order. Source: over 4 years ago
So after watching the video about Fourier series, I decided to try to make one myself, from scratch. So I drew an svg image in photopea of the Utah Teapot, found 100 regular points using This Amazing Website and chucked it all into an excel spreadsheet to find the coefficients. I then went on to steal adapt some Desmos code to draw the teapot. Worthwhile I think. Source: about 5 years ago
Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.
SVG Backgrounds - Copy-and-paste scalable backgrounds, repeating patterns, icons, and other website graphics directly into projects. All customizable, tiny in file size, and licensed for multi-use.
DaisyUI - Free UI components plugin for Tailwind CSS
Free PS to SVG Script - One Click Turns PS in to SVG
Bootstrap - Simple and flexible HTML, CSS, and JS for popular UI components and interactions
SVG Circus - Design cool svg spinners and other looped svg animations