Show HN: Over 600 CSS Animations to Code(gradienty.codes)
gradienty.codes
Show HN: Over 600 CSS Animations to Code
https://gradienty.codes/animations
2 comments
Great work!
I just sent this to a friend of mine who is currently learning to program, who was asking for something like this? Do you have any revenue sources from Gradienty?
As a legal geek, I feel the need to point out that you haven’t linked to any terms of service or similar documents (at least on the website). I only see a privacy policie imho looks very generall. Is that something you’ve thought about?
In the early stages you’re in, you’ll probably be fine, but you wouldn’t want to risk getting sued for something so simple down the line (like me hahah).
I’m the creator of a tool called Legalfast (legalfast.app), so I’d obviously recommend it. And hey… if the early adopter pricing feels too steep, let me know!
Wishing you all the best, // Sebbe
As a legal geek, I feel the need to point out that you haven’t linked to any terms of service or similar documents (at least on the website). I only see a privacy policie imho looks very generall. Is that something you’ve thought about?
In the early stages you’re in, you’ll probably be fine, but you wouldn’t want to risk getting sued for something so simple down the line (like me hahah).
I’m the creator of a tool called Legalfast (legalfast.app), so I’d obviously recommend it. And hey… if the early adopter pricing feels too steep, let me know!
Wishing you all the best, // Sebbe
Hey Sebbe, thanks for the kind words - currently, no - I do not earn anything off of Gradienty. But I'm striving to get it there, one day.
I'll look into LegalFast, looks helpful :)
I'll look into LegalFast, looks helpful :)
We’re excited to share Gradienty's CSS Animation Generator designed to make web animations intuitive and accessible for developers and designers at any level. Whether you’re new to CSS animations or a seasoned pro looking to save time, Gradienty equips you with the tools to create beautiful animations with zero coding headaches.
Key Features: 1. 600+ Pre-Built Animations: From subtle hover effects to complex keyframe sequences, all categorized for easy navigation. 2. Visual Editor with Live Preview: See your animations in action as you tweak timing, easing, delay, and iterations. 3. Responsive Design Previews: Test animations across layouts for desktop and mobile compatibility. 4. Multiple Preview Objects: Visualize animations on text, buttons, boxes, circles, and more. 5. One-Click Code Export: Generate production-ready CSS with proper vendor prefixes, ready to drop into your project. 6. Zero-Dependency Animations: Works flawlessly across all modern browsers.
Why We Built This:
As developers, we often found animations to be either overly complex to implement manually or limited by pre-made libraries. Gradienty bridges this gap by offering both flexibility and ease of use, helping you create animations that look and perform great—without sacrificing development time.
Who It’s For:
Beginners: Experiment with animations visually without writing a single line of code. Designers: Focus on creativity while leaving the technical aspects to the generator. Developers: Save time with ready-to-use animations that can be customized and exported instantly.
What’s Next:
We’re working on adding community features like user-created animation libraries, animation presets for specific design systems, and integration guides for popular frameworks.
We’d love to hear your feedback! Check it out here: Gradienty
Let us know what you think or if there are features you’d love to see!