#components library

[gravityr00m]

[gravityrooom]

[whatwooshkai]

Lucky Number 7!

"Designation?"

"Chase."

Chase keeps his finials pinned flat against his helm, doorwings wide and fanned to keep the bot behind him from getting too close, which they have been for the past five minutes.

He has a vibroknife in his subspace. He'd rather not use it- you can only make a first impression once.

The femme flips through a datapad until her optics go wide. "Oh," she murmurs, the dangling jewelry from her finials making a loud ting! when they flatten to her helm. "Oh, you're one of those. Hang on."

Chase's optic twitches. He is normally very good at keeping his emotions in check, and no one who knows him has ever seen his temper, and that's the way he wants to keep it.

But if one more bot refers to him as "one of those" he's going to do something stupid.

Chase hates doing stupid things.

"Okay, I got you right here!" The femme gives him a sheepish smile as she hands over a pair of keycards. "There was an issue with organizing the dorms this year. Normally you'd be put with other bots in your track but you ended up in the randomized group, so you'll be staying with a few bots from other tracks. That's not a problem, is it?"

Chase's finials lift slightly away from his helm. "That is fine," he says, accepting the cards. That is... probably for the best, actually. "Thank you."

"No problem!" the femme says brightly. "So you're in room 704. Elevators are on your left. Next!"

Chase shuffles away from the table, readjusting the bag he has slung over his shoulder, eyeing the key cards in his hand.

Primus, when was the last time he met new people?

The elevator is blessedly empty when he steps inside, and so is the hallway as he follows it down to his room. Well, he was in one of the last groups to check in, so that's expected.

The door has four slots for name tags, as all of the ones in this hallway do. Only two have been filled in so far, for mechs "Boulder" and "Heatwave". Both have little drawings on them, one better than the other's. However, both seem to have identical handwriting... interesting.

So it seems only two have checked in. Maybe he'll have a choice of berth, then.

Chase swipes the key card and gently opens the door.

There's two sets of bunk berths, a desk in front and behind each one. None seem to have been claimed, but on the left, there's a bag tossed on the top bunk and a few posters plastered up already, and some blankets and pillows piled up. And on the right, there's a bag on the bottom bunk, and-

Oh. He's being glared at.

"Another one?" the mech mutters, green optics narrowed at Chase. He's orange a white, with a scar cutting down through one optic. He looks about Chase's age. "'Oh, we'll get you your own room, Blades'! my aft. Mechs walking in every five minutes," he huffs.

Chase frowns. "The attitude is hardly appropriate," he says, and the mech's optics suddenly go wide, as if he thought Chase couldn't hear him.

He mutters something unintelligible and then turns over on his side, revealing a pair of rotors. A flight frame, then.

Blades. His name wasn't on the door.

Chase looks around at the other bags. So his choice has been made for him, then. As usual.

He sets his bag down on the berth to the left, projecting his calendar up on the wall. And then he sits.

He's not really sure what to do now. Conversation is not really an option, what with the less-than-warm welcome, and he has no need to explore the city he grew up in.

Well, that’s a bit of a stretch. He mostly grew up in various facilities around the city, but he spent enough time out on the streets to know it.

Besides… he’d really rather not risk running into his batch. Not alone, at least.

Even though his coding cries for them, his frame hurts without them, he couldn’t get out of berth for several days after they were officially separated-

He’s better now. He has to be better.

He’s never had to try and make new friends. He’s never had to make friends, period. Chase can’t remember the last time he met someone new before this week.

But it can’t be that hard, can it? Sure, this Blades is… hostile… but maybe the others are a little more friendly!

Speaking of- someone decides to kick the door open at that very moment.

Blades looks up, and slight relief teeks through his field as he lies back down. So one of the mechs on the door, then.

Heatwave, he imagines- only because the mech is hot.

He stops a few feet from Chase once he lays optics on him, but Chase can feel the heat he gives off from here. That has to be unnatural, surely. Even Ultra Magnus, the largest mech he’s ever met, did not give off that much heat.

Beyond the odd temperature, the mech looks friendly enough. He’s red, with bright and warm yellow optics, and twin scars cutting up one cheek. In his arms are a plethora of cubes and energon sweets, several shoved in his mouth as well.

He mumbles something Chase can’t make out around the food in his mouth, then tosses a cube at Blades. The flight frame mutters some kind of thanks, and the mech turns back to Chase.

He shuffles his items into one arm and offers a hand to Chase. He once again speaks, presumably introducing himself, but Chase can’t understand a word he says.

He takes his hand and shakes it. “You really shouldn’t speak with your mouth full,” he says.

Yellow optics narrow at him. “I’ll do whatever the fuck I want,” he snaps. There’s a thick accent there that the universal translator is doing its best to suppress. “I asked for your name.”

Chase’s doorwings flick and the mech’s optics only follow them for a second before training on Chase’s face again. “Chase,” he says. “I will have to ask you for yours again, I did not understand you. Also, please let go of my hand.”

“Heatwave.” A correct guess, then. Chase’s doorwings raise slightly, but Heatwave’s gaze doesn’t shift to them again. Instead, he keeps his optics trained on Chase’s face, who looks away from the optic contact. He does release Chase’s hand, though. “You should check out the mess hall,” he says, moving his quarry back to both arms. “Never seen so much fuel in my life.”

Chase watches him in mild fascination as he figures out how to climb the ladder of the bunk without dropping any of the cubes, and from there Chase can’t see what he does with them.

So he’s expected to go collect his own ration. Good to know.

…He should be trying to make more conversation, right? Blades might be a lost cause but Heatwave at least introduced himself.

He just… doesn’t know what to do from here. Should he ask what track Heatwave is in? He can guess, from the paint job, but would Heatwave even entertain that? He’s sure he knows what Chase is here for, and has thankfully not said anything derogatory about it… yet.

It’s not wrong to expect it to happen eventually, right?

Then he realizes something. “Where are the washracks?”

Heatwave leans out over the top of the bunk. “Hallway.”

Chase frowns. “Why?”

“What, never been in a communal wash rack before?” Heatwave asks, an oddly aggressive tone to his voice. “This ain’t no prissy enforcer academy, Chase. You’ll hafta get used to other mechs in your space.”

Oh, that accent is really coming out now. Chase wishes he could place it. “It is not a problem,” he growls, though it is… not ideal. The idea of sharing washracks with anyone other than his batch makes his plating crawl. He doesn’t appreciate the attitude, though.

“Whatever you say.” Heatwave leans back.

Okay. So far, his roommates are violently antisocial and rude. Wonderful.

It is now that the fourth roommate decides to show themselves, and Chase braces himself for the worst.

They gently push the door open, holding a datapad. They’re green and far more heavyset than any of the others, though Heatwave comes close. Blue optics widen at him. “Hello,” they say, in very thickly accented Common.

No universal translator, then. Interesting.

“Hello,” Chase says back, offering his hand. “Chase.”

“Boulder.” So that’s all four. Good. “I am… stop by for my datapad. Good to meet you.”

“And you.” Primus almighty, Chase wishes he’d met someone who wasn’t Iaconian before today, because all these new accents, and he can’t place a single one. Maybe if he knew what their mother language is, he could speak to them better? “If you speak in your native language, I can still understand it,” Chase says, tapping his throat.

“I know,” Boulder says. “But I like to make the effort.”

“Okay.”

Boulder turns away from him and grabs the datapad from their bag, before offering everyone a wave and leaving again.

Chase sits down on his berth again. Boulder seems nice.

…This might not be so bad.

[twicetolivetwicetodie]

Very disheartening coming back from a conference in my field where the main takeaway is that a lot of people are pro-AI and that the vast majority of our vendors are planning on incorporating AI components to their software that we use on a regular basis 🙃

[saccharine-pink-lemonade]

and what if i changed my sunlight au plot trajectory entirely. (under the cut bc I don't want to annoy the shit out of you <3)

originally I was going to have tim and cass make friends with each other before anyone else. but because technically I'm not changing canon except for 1 specific part. cass is still raised to be a killer. so do we think cass would recognize talia as an assassin

bc if she does, here's the new idea: talia is found out -> talia lets cass bunk until she can figure out what to do with her -> cass makes friends with damian except she is hating herself about it (i'll go into specifics ab their dynamic as soon as I can figure out what non-loa momma's boy damian acts like. currently I'm thinking she's sitting there in her self loathing & meanwhile Damian is ~6 years old like omg new frand!!) -> they're just kind of living life -> talia thinks she's sort of trapping cass, cass is like 'yeah she's nice!! i wonder if that could be me one day... no that's impossible' -> once bby damian is sufficiently obsessed with the 2nd person in his house he tries to wake her up & she panics and punches him. he may or may not be a durable baby i'll decide this later -> he defo starts crying tho so cass is panicking but also Talia is panicking bc she wakes up to her son crying and is instantly like NO MY SOFT HEARTED BABY CASSANDRA WHAT HAVE YOU DONE and then she crashes out and nearly tries to fight cass -> and then there's three options here. 1.) cass bawls. 2.) cass runs away 3.) cass just stares up at talia with big big beautiful & teary eyes. and eventually talia is like damn I nearly beat you up I can't let you leave now (she's probs like 15 here but that might change) -> and then suddenly dass is living with talia & damian

[b00ks2read]

In the world of innovation, "Copious Components" refers to the multitude of elements that come together to create something greater than the sum of its parts. From intricate designs to efficient processes, these components are the backbone of many successful ventures. Understanding how they interact can provide valuable insights into improving…

[jcubetech]

J-Cube Technologies Inc.

J-Cube Technologies Inc. is an organization that specializes in the production of printed circuit boards (PCBs).

Our company is based in Montreal, Canada, and has been active in the industry for over a decade. Through our success in Asian infrastructure development and the expansion of our engineering and technical manufacturing expertise, we have grown to be a world-class provider of comprehensive and reliable electronic solutions.

[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

[elisela]

every day this week i have gone to set up my classroom and somehow that involves spending way more time there than i thought (9am - 6pm) and also an average of $250 a day

i’m already over this year

[thedawningofthehour]

How will Donnie react when he finds out how his family has been treating their enemies, their allies, and even each other? As much as I love the Disaster Twins, I also adore the PB&J Duo. And Mikey has been through so much that Donnie should get mad on his behalf, especially seeing how he is the one who tried to follow Donnie's example and use logic and reason over sporadic reverse kidnapping attempts.

Again, there's only so much I can answer about the final arc without dropping massive spoilers. Not to mention I haven't written any of it yet, and things tend to grow a life of their own when I do get to the actual writing part. We'll get there eventually. If I am unable to complete the story I will release my outline for how the rest of the story goes. I do not plan to pull a GRRM on you all.

The one thing I will say, by the time Donnie does return, hopefully by then both he and the audience will understand the roles all three of the brothers played in bringing him home. They all played very different parts and Donnie might not totally agree with how they went about them, but he needed all three of them to break free. Even if they were dumbasses about it at times.

[shadab2025anwar]

The Introduction to gluestack-UI – Build Fast with React, Next.js & React Native

Create beautiful, scalable apps with Gluestack – the best UI library for React, React Native & Next.js. Styled with Tailwind, optimized for both mobile & web App.

[gravityr00m]

[gravityrooom]

[autistic-shaiapouf]

Local library looking absolutely abysmal in terms of their philosophy section

[ahmetmertugrul]

Frameblox

Ultimate Framer UI kit and Prebuilt Templates

Frameblox is an Ultimate Framer UI kit and prebuilt website template library. Build and launch your website faster, save thousands of hours, and elevate your website.

300+ components, 500+ sections, 50+ pages, and more coming.

One payment, limitless websites, endless projects, forever free updates.

Live preview:

Download:

Telegram: ahmetmertugrul

[justnshalom]

Creating a Reusable Component Library in Angular

Overview Are you tired of writing the same code over and over again in your Angular applications? Do you want to improve code reusability and simplify the development process? Look no further! Creating a reusable component library is the answer. Why Use a Component Library? A component library is a collection of reusable UI components that can be shared across multiple projects. It provides…