#animation libraries

[werbooz]

Component Libraries: Should You Build Your Own or Use a Prebuilt One?

Component libraries are a vital tool in web application development in maintaining uniform design, shortening the time taken to develop web applications and improving reusability of the code. Some developers find this dilemma; should they create a component library or use an existing one? In addition, they help reduce the struggle while building well-designed and interactive websites because of the availability of animation-oriented UIs such as Accentricity UI among others. Now, let’s get more to the point in order to help you find the right way.

What is a Component Library?

Component libraries are collections of reusable UI elements such as buttons, forms, modals, and more— and are intended to reuse the components across several projects. Such libraries not only guarantee a consistent look of an application but also save time and costs during its implementation because the elements have been already coded. So, there's no need to build components from scratch.

Prebuilt Component Libraries

Prebuilt Component Libraries

Prebuilt component libraries are the ready-made collections of different UI components that are specifically designed and optimized for common use cases that developers can face during development. Some well-known examples include:

Material-UI (MUI):

A library based on React and it follows Google's Material-UI design, MUI allows a comprehensive set of components customization.

Ant Design:

It's an UI design system framework for enterprise-level products, ant design offers built-in themes and a rich set of UI components.

Bootstrap:

It's an widely-used CSS framework that provides basic components and a responsive grid system.

Pros of Prebuilt Libraries :

Rapid Development: Prebuilt libraries save a lot of time of the developers by providing pre-designed reusable components that you can quickly integrate into your project.

Standardized Design: They help ensure a consistent user experience across different screens and features.

Community Support: Many prebuilt libraries come with robust community support, providing a wealth of tutorials, plugins, and enhancements.

Cons of Prebuilt Libraries

Limited Customization: Customizing components to fit your unique design can sometimes be difficult, leading to constraints on flexibility.

Performance Overhead: Many prebuilt libraries come with extra features you may not need, which can bloat your codebase.

Pros And Cons of Prebuilt Libraries

Animation-Centric Libraries: Bringing UIs to Life

In recent years, a new category of libraries has emerged, specifically focused on providing built-in animations and smooth UI transitions. These libraries not only offer pre-designed components but also emphasize adding dynamic, interactive features to web applications.

Here are some popular examples of animation-focused libraries:

Lottie

Category: Animation Integration Library

Lottie:The industry standard for motion design

What it Offers: Lottie allows you to render animations created in Figma or Adobe After Effects as JSON files using the built-in plugins. These animations are then rendered natively on the web, offering high-quality motion without a heavy performance impact.

Why It’s Useful: Lottie is perfect for apps or websites requiring rich, scalable animations that are lightweight. It’s commonly used for logos, loading animations, and subtle UI effects. Unlike other component libraries, it focuses purely on bringing visual design elements from tools like Figma & After Effects into the web environment.

Accentricity UI

Category: Hybrid Component and Animation Library

What it Offers:

 Accentricity UI combines traditional UI components with built-in support for smooth animations and transitions. It offers a wide range of components like buttons, forms, modals, and navigation menus, but with an added layer of predefined animations, making it easier to create interactive, dynamic interfaces.

In addition to these standard components, Accentricity UI provides responsive behaviors and subtle animation effects like hover states, fade-ins, and sliding transitions that enhance user engagement. The library's components are fully customizable, allowing developers to easily adjust animation timings, easing functions, and durations to match the look and feel of their brand, ensuring both visual appeal and performance across devices.

Why It’s Useful:

Think about it, what would be easy for a dev? Making a custom component with tons of animation which the dev has to write from scratch and polish it before the deadline or use a library, where the dev can make use of the library with the built-in support to combine the custom designed elements with smooth animations and transitions offered by the library.  

It’s particularly helpful for developers who want the convenience of a prebuilt library but need polished, built-in animations to enhance user experience without writing complex animation code from scratch.

Framer Motion

Category: Animation-focused Component Library (React)

Framer Motion

What it Offers:

Framer Motion is a powerful library for React that allows you to create fluid animations and micro interactions with minimal effort. It supports interactive features like drag, scroll, and spring-based animations, which makes it ideal for interactive & highly animated UIs. It also provides easy-to-use APIs for gesture-based animations and layout transitions, offering developers extensive control over complex animations while maintaining simplicity in implementation.

Why It’s Useful:

Framer Motion combines the simplicity of component libraries with the flexibility of advanced animation frameworks, making it easy to enhance user interfaces with dynamic visual effects. It’s a great choice for React developers who want to integrate animation without compromising performance or adding significant overhead. With its built-in optimizations for smooth rendering, Framer Motion ensures high-quality animations that enhance both usability and visual appeal.

Should You Use Prebuilt Animation Libraries?

The role of animations is really important in web applications to enhance the UX(user experience), by making interfaces feel more fluid and interactive makes user's remember the website due to its great experience. Since users are constantly getting used to smooth effects, micro-interaction and dynamic feedback, animations are no longer viewed as a good to have feature but are rather considered as a must have feature. Prebuilt animation libraries like Framer Motion and GSAP (GreenSock Animation Platform) simplify this process by providing powerful, flexible tools that allow developers to integrate complex animations without having to manually manage every aspect of motion or dive deep into animation theory.

Advantages of Animation-Centric Libraries

Advantages of Animation-Centric Libraries

Ease of Use

Prebuilt animation libraries abstract away the complexities of coding animations from scratch. Without manually writing keyframes, easing functions, or browser-optimized transitions, developers can simply use predefined APIs to implement fluid animations. This drastically reduces development time, as many animation details are handled by the library, letting developers focus on building features and interactions rather than tweaking animations for performance or cross-browser compatibility. For example, with a few lines of code, animations can be applied to any UI element, making the development process much more efficient.

Advanced Features

Many animation libraries offer advanced features that go far beyond basic transitions like fade-ins and slide animations. These include timeline control, scroll-triggered animations, physics-based interactions, and even 3D transformations. For instance, timeline control allows developers to create synchronized sequences of animations, which can be used to create smooth, coordinated interactions across multiple elements. Scroll-based animations enhance user engagement by triggering effects as the user scrolls, perfect for parallax websites or content reveal effects. Physics-based animations, such as spring-based drag-and-drop or object bouncing, add natural, realistic movement to interactive elements, elevating the overall experience. Additionally, 3D transformations provide extensive control over how objects rotate, scale, or move in three-dimensional space, something that is cumbersome to achieve with native CSS alone.

See What Happens Next

[ozgurkedi]

[starscream-is-my-wife]

LL Megatron gets transported to the G1 cartoon (pre movie) guns don't kill anyone, everyone is more focused on their one liners then battle, wizards are real, days dont mean anything, what a silly universe

Edit: Comic based on this idea here

[marysooart]

i love naruto but sasuke is my favorite!

Hope you like sasuke in my style

[justwinginglife]

hello hello Hannah! Hope you’re having a great timezone!

So I read your fic for Jinshi since I finally started watching Apothecary Diaries the show has a tight grip on me now and I was wondering if maybe you could do something for Jinshi again if you feel up for it?

Can be whatever you want, full fic, head canons (although my one request would be to ask if it could be smut?) even that if you don’t feel like it then fluff is perfect too.

Thank you if you do and no worries if you don’t want to!

Helloooooo! I'm so happy you've discovered Apothecary Diaries! I apologize in advance, I know this was supposed to be smut, but I had too many good laughs writing this and it ended up lowkey being comedic material lmao. I love Jinshi. Anyway, thanks for the request, and welcome to the Apothecary Diaries fandom!

NSFW Warning

The Missing Piece

He had a dick.

He had a dick, he had a dick, he had a dick. Oh fuck, Jinshi had a dick. He wasn’t supposed to have a dick. But he had one. He had one and it was very big and it was very hard and it was pushing up against your butt at this very moment. You’d tripped and he’d caught you -at the cost of his secret- and now you were both planted firmly on the ground, one with a raging boner and one with a soaked cunt. And, GOD, was it embarrassing. You’d never once questioned that he was a eunuch, even with all of his flirting and flouncing around, but now you were very much aware that he was not, in fact, a eunuch AT ALL. 

You quickly pulled yourself off of him, cheeks flushed and underwear stained. You hurriedly excused yourself, spitting out a quick thanks for him breaking your fall, and then booked it the fuck out of there. You could hear him laughing behind you, but you paid no mind. You were too busy overthinking every encounter you’d ever had with him. All the times you’d poked fun at his lack of a member. All the times you’d whispered innuendos into his ear, teasing him with what you knew he couldn’t have. And now you’d been one cloth away from reaching home base with him after one stupid fall. And your stupid body had the stupid nerve to be soaked. 

If you could’ve avoided him for the rest of your life, you would’ve. Alas, a week was the best you could do, and even that was pushing it. In the rear palace, Jinshi was in control of anything and everything, and it was near impossible for anyone, least of all you (he liked to keep you close in particular) to take a step without him knowing about it. You could only plant so many obstacles to keep him busy, but you knew eventually he’d find you. Besides the fact that you were his closest confidant and most useful informant, reporting on all happenings within the palace as one of its court ladies (ranking high enough to have access, but low enough to be virtually invisible), you were also just his favorite form of entertainment and he’d damn near lose his mind if he didn’t have your company to cure his boredom. So it was only a matter of time until he caught up to you; the only real question was, when he finally caught you, did you ignore the massive elephant in the room or did you poke it with a stick? 

“You know I pay you to report to me, right? And I’ve not had a report for almost a week now. Wonder why that is.” A voice chimed out from behind you and you could almost hear his smirk. He was having too much fun with this situation. 

Your brow twitched. So the bastard was going to be smug about this? Fine. If he was relishing in the discomfort this was causing you, you might as well even the score. You plastered on a faux smile and turned to face him, giving him an obligatory curtsy. “Jinshi, to what do I owe the grand pleasure of your presence?”

He chuckled, amused at your fake show of manners. “Drop the formalities. It’s just us. You can speak freely.”

“You have a dick.” There. Now you were both uncomfortable. 

He choked on his own spit. He did say you could speak freely but you never failed to surprise him with just how freely you spoke. “...I suppose I can’t convince you it was nothing more than just my tunic bunching up?”

You snorted. “Jinshi, does your tunic have a tip? And does that tunic’s tip pulse?”

He let out a short laugh. “It appears I’m caught. Alright, I concede. I have a dick.”

You blinked. You hadn’t expected him to outright admit it. You’d expected to dance in circles with him, make him sweat a little, before finally wringing the confession from his throat. 

He could tell you were struggling with his sudden admission. It made him grin. “And before you ask, yes, I’ve had it since birth. I didn’t just glue it on.”

“Well, duh!” You spit out. What, now he had jokes?? Didn’t he know this was the stupidest thing to be joking about?? God, he drove you crazy. 

He seemed to be enjoying your reactions. He took a step closer to you. “Wanna touch it? Confirm its existence?” He teased.

If he wasn’t the most high ranking official here, you would’ve slapped him. You gave him a pinched smile. “Sure. I’ll touch it with my shoe, just let me wind up real quick-”

His eyes widened. “Wait, wait, wait! That’s not what I meant.”

Your brow twitched again. “Oh, I know what you meant.” PERVERT. You didn’t say it but he knew you were thinking it. 

He exhaled. “Okay, I think we got off on the wrong foot here. I’m just messing with you. How about we both just go back to the way things were before you found out? Yeah?” 

You wanted nothing more than to do that. Buuuut…. You couldn’t. How were you supposed to go back to falling asleep at his desk when you were too lazy to go back to your room, after a daily report turned into a lengthy strategy session? How were you supposed to go back to ripping the blankets off of him after he’d overslept and tugging at his clothes to try and change him yourself? How were you supposed to not overthink every time that he touched you, wondering if maybe he wanted to touch you longer, to touch you lower? 

You bit your lip. Did you even mind when he touched you? It’d never been an issue before. He was always fidgeting, always needing to play with your pinky under the table at a meeting, or needing to tug at your bracelet while he poured over paperwork, or needing to nudge your foot with his, and you never minded before, but would you mind now? Would you mind if he wanted to touch you differently, if he wanted to touch you urgently? Your cheeks began to grow warm. How had you never seen how you’d felt about him until he suddenly had a dick? Were you that shallow? God, you hoped not. Of course, you’d always thought he was attractive objectively (though you’d never tell him or he’d gloat for ages), and his company was at times pleasant to enjoy (and you’d never tell him this either or he’d never leave you alone), but maybe you’d never seen him as a love interest before because he wasn’t someone you could settle down and start a family with. But now, what if he was?

And it didn’t help that he wasn’t taking this seriously. He was teasing, he was taunting, he was downright torturous. It seriously made you want to slap him.

But right now, he was looking at you like you held the world in your hands. Like his world might collapse if you didn’t agree to going back to what you were before. Like he might lose something precious to him if you didn’t. And you didn’t want to overestimate your own worth to him; after all, you might just be a useful pair of eyes to him at the end of the day, but the way he was looking at you now made you feel like something to him, even if it was barely something. Did you want to be something to him?

He broke the silence. “You’re not going to ignore me for another week, are you? Please don’t, I can’t take it.”

God, he couldn’t just say stuff like this. It made you want to kiss him and stay by his side forever. “I won’t.” You said finally.

He exhaled. Then he grinned. “Good, cuz I need my favorite plaything.”

Oh, this asshole. “You know what? I’ll touch it.”

His smile dropped from his face. “Wh-what?”

You smirked, stepping dangerously close. “You asked me earlier if I wanted to touch it, right? Sure. Let me cop a feel.”

He swallowed and backed up a few steps. “I was j-joking. I wasn’t serious…”

“Oh come on. Pretty face like yours. I’m sure you must’ve done it tons of times before; it’s not like this is anything new to you. And you must be pretty pent up, working in the rear palace. I’m sure you need to let off some steam, right?” You purred, trapping him against the wall with your next few steps. 

His eyes widened when his back hit the wall.

You almost wanted to stop, you weren’t even sure where you’d found the nerve, but it was like he’d lit a fire within you and it was too late to back out now. “Jinshi…” You murmured, before trailing a hand up his thigh. 

“Wait! I’m a vir-” Your hand trailed up his length and brushed across his tip. In an instant, the front of his tunic was soaked. He slid down the wall, gasping for breath as he collapsed on the ground. “gin…” He finished through panted breaths, head arching back to rest on the wall as he rode out his orgasm. It wasn’t like he’d never touched himself before, but you touching him was something completely different. 

You pulled away suddenly. “You’re a what??”

He laughed, half exhausted and half ashamed. “Caught me. I’m a virgin.”

Oh shit. You dropped to your knees in front of him, and bowed low to the ground. “I’m so sorry! I was only teasing, I didn’t know you were a virgin. And I sure as hell didn’t think you’d…you know…” 

“Come on my clothes?” He offered weakly. 

Your cheeks filled with crimson. “Yeah. So did I… I mean was that your first… did I take your…?” You swallowed, completely unable to finish your sentence.

He laughed again and you were glad he could laugh because you certainly couldn’t. “I hardly think brushing across it counted as my first time. At least, I’m not counting it. So you didn’t take anything. And it’s not like I haven’t touched myself before, you know.”

You scrunched up your nose. “Ew- okay, I did not need to know that.”

He grinned and leaned in close to your ear. “In fact… I’ve done it a couple times to you.”

Your breath hitched. 

A low chuckle rumbled in his throat. “Don’t think you’re the only one who can play the teasing game. I bet you wanna know what it’s like when I’m touching myself to you, yeah?”

Before you could protest (you weren’t sure how you’d protest anyway; it was suddenly very hot in here and your throat was suddenly very dry), he had his cock in his hand, precum drizzling over his fingers, mixing with his previous messy release. If you hadn’t just seen him come a minute ago, you would’ve thought he’d never gotten off a day in his life, with how painfully swollen it looked, veins engorged along his rigid length. 

Your previous assessment of him from the few seconds you’d spent in his lap turned out to be completely correct. He was huge. And you were drooling. Without even realizing it, you’d reached a finger out to dance over his tip. He hissed and bit down on his lip to keep from coming again.

“You’re such a tease,” He groaned. 

Before you could pull away, he seized your wrist and pulled you into his lap. You landed exactly where he wanted and exactly where you hoped you wouldn’t. But there was no denying how good it felt. Especially when he began to thrust his hips upwards to meet you with delicious friction. 

You let out an involuntary moan.

He inhaled sharply. “God, the sounds you make…” His hands found your hips, holding you tightly in place, like he thought you might try to make another escape before he could get off again. You wouldn’t, not this time. Not now that you knew how good he felt.

You matched his rhythm, grinding against his erection in a similar fashion. 

His eyes widened when he realized you were giving in to him. “Fuck…” He pulled you in for a kiss. It was sloppy at first, desperate. Too much tongue and then too much teeth, like he didn’t know how much time he had before you wanted to stop. When you wrapped your arms around his neck, sighing against his lips, and settling yourself closer to him, he finally relaxed, realizing you wanted this just as bad as he did. 

His lips trailed a bruising path down your neck, painting his desire for you in pinks and purples across your skin. 

“Jinshi…” You murmured, arching your head back in pleasure. 

“I don’t think…” He pressed another hungry kiss to your collarbone, “My name has ever sounded so good…”

When his hands began to undress you as his kisses made their way lower and lower on your body, you finally stopped him. “Wait, wait.”

His brows furrowed. “What is it? Change your mind?” 

You shook your head quickly. “It’s just… do you really want your first time to be with me?”

His gaze softened when he realized what your concern was. “And why wouldn’t I want it with you?”

“Don’t people usually save their first time for someone special?”

“They do. So I guess I’m in the clear.”

“I-what?”

“You are someone special-” His lips found the curves of your breast and you shivered, “-to me, you’re special. You’ve always been special.”

“Jinshi…” You whispered in awe. You’d hoped to be something to him, but you never would’ve dared to dream you’d be this. 

“If you want to stop, we can stop. But tell me now, or I won’t be able to hold myself back.” 

Your hands tangled in his hair, tugging his head away from your chest. When he looked up at you in surprise, you pressed a deep kiss to his lips. “Do I look like I want to stop?” You gasped out.

He chuckled. “Whatever you say, princess.”

He laid you back on the floor, resting you on top of your discarded dress. For a moment, he just stared at you, taking in your beautiful, naked form beneath him.

“Don’t tell me you’re all talk.” You teased. 

He scoffed, but his eyes were sparkling with amusement. “Can’t I just look at a gorgeous woman for a moment?”

“Not if she’s naked and cold. Better warm me up quick, Jinshi, or I’ll find someone else to take my first time.”

His eyes widened. “Wait you… you’re a virgin?”

Your cheeks darkened. “Well, I’m about to not be a virgin in two seconds, so hurry it up please.”

You thought he’d laugh at you but all he could do was smile like a kid on Christmas. He smiled like you held the world in your hands and his heart right beside it. It made you want to kiss him. So you did. You pulled him towards you and buried him in your lips. And he lost himself in you, tongue finding yours eagerly, like he wouldn’t stop until he couldn’t tell your taste apart from his. You were so love drunk and sky high, you almost didn’t realize he was lining up to your entrance. 

But your lungs nearly collapsed when you felt him spear through your eager entrance.

You groaned, loudly. 

He stopped abruptly. “Did that hurt?” He started to pull back out.

“Don’t you dare.” You hissed, wrapping your legs around him tightly and yanking him back to you. 

He gasped as he sunk deeper into you, your cunt swallowing every hardened inch of him greedily. “Princess…” He whined and it nearly killed you.

His head rested on your chest as though he didn’t have the strength to both hold himself up and thrust into you at the same time. His thrusts were carefully measured, like he wasn’t sure how much you could handle. Like he wasn’t sure how much he could handle. 

“Jinshi, look at me.”

He lifted his head slightly, innocent eyes meeting yours. You’d never seen his eyes so pure before. So in love. It was like looking into your own eyes. Because you were sure you were looking at him the exact same way. 

“I can take it.”

He looked away.

“Jinshi. I’m serious, I can take it. I need you.”

His head whipped back up to you, eyes darkening as he took in your words. “You need it, huh? I suppose if you need it…” He spread your legs wider, and before you had a chance to breathe, he snapped his hips forward, driving himself balls deep inside you. You yelped and it only encouraged his speed. One of his hands braced itself on your hip, while his other hand reached up to intertwine with yours, pinning it to the ground. For how roughly he was fucking you, you found the gesture strangely romantic.

Sweat and arousal drizzled down your trembling legs as he continued his assault, and he took it as a sign of your satisfaction.

You could tell he was getting close, because he started murmuring the sweetest nothings to you as he pistoned in and out of your dripping cunt. 

“I… fuck… I love… I love you…fuck…” He panted as his pace quickened. 

“I love…you too…”

His eyes widened as though he hadn’t expected you to reciprocate. Suddenly he yanked his cock out of you and keeled over to the side, hips bucking wildly at the air as hot ropes of milky cum shot out of him in wild spurts, staining the ground. 

As he rode out his orgasm, you suddenly felt the urge to cover your mouth with your hand. He raised a curious brow at you. Then he heard your muffled laughter and his cheeks flushed red. 

“I’m sorry, I’m sorry! I don’t mean to laugh. It’s just… it’s awfully romantic that my love confession made you come.” You teased.

He pouted slightly but then a devilish look crossed his face. “I wouldn’t be so cruel to the person who holds your release in his hands. You still haven’t got off yet, right? I could just hover you on the edge of an orgasm all night.” To prove his point, he spit on two fingers and drove them deep inside you.

You inhaled sharply. “Jinshi!”

He smirked and curled his fingers, hitting your g-spot in a teasing manner before quickly withdrawing, opting to play with your clit instead. 

“Fuck!” You groaned, exasperated at the absence of his fingers.

He grinned deviously.

“I said all night, didn’t I?”

------------------------------------------------------------------------------

"I'm calling in sick tomorrow."

"Well, I hear your boss is exceedingly handsome and even kinder too, so I'm sure he can make an exception for his favorite employee."

------------------------------------------------------------------------------

Taglist: @pixelcafe-network @ouiouimochi @inkytypewriter @minasfwoopyponytail @ectopodl3 (just tagging you cuz we were talking about this fic)

[celesse]

Tasty reading 🦋📚🕯️

Moth-bitten Library, the second prompt for Drawtober!

[natureaestheticdreams]

Follow @natureaestheticdreams for more🌳🌿🍏

[vintagewildlife]

A grey male mouse, five white female mice, and their multicolored offspring By: Hansel Mieth From: Life Nature Library: The Earth 1962

[n--m7]

[emirkocturk]

Bazen düşlediğin bir çok şeye cümle kuramazsın. çünkü kalbe rânâ olan gözlerin önündedir..

[wednesdaysfullofwoe]

[ozgurkedi]

[axiliern]

tim drake + bonus rotating tim ..........

[guillotin3d]

bookworm

[marysooart]

I love Itachi, the best big brother🥹

Hope you love him too?