In Figma Freebies

Small Interaction in Figma

I have created some small interactions which you can use in your project directly.

Just open the Components page in figma and copy the default stage and paste in your project page. Easy to use

View interaction

View demo

Download figma file

Download .fig file

Read More

Share Tweet Pin It +1

0 Comments

In news

Wordle joins The New York Times Crossword App

Playing Wordle is now accessible on The New York Times Crossword App, which is downloadable through Apple and Google Play.

The New York Times Crossword app for iOS and Android phones now allows solvers to play Wordle, which New York Times Games is happy to announce. With a free New York Times account, players may remember their stats and streaks and continue where they left off on any device.

Does that indicate that you must purchase Wordle right away?

Not quite. Only if you wish to use Wordle on the New York Times Crossword app will you need to pay the subscription cost. The New York Times website, which users may access through any mobile, desktop, or laptop browser, nevertheless allows players to enjoy the game for free.

When NYT acquired Wordle in January 2022, it also made a commitment to gamers to keep the game free. Users may be concerned about adding Wordle to the Crossword app, which was already a subscription-based platform, but the game is still available for free for the time being on the website.

The New York Times Crossword

Read More

Share Tweet Pin It +1

0 Comments

In news

Albert Pujols makes history and joins 700 legendary home run club

Albert Pujols has officially joined the legendary 700 home run club, becoming only the fourth player in MLB history to achieve this milestone.

The St. Louis Cardinals baseball player created history Friday against the Los Angeles Dodgers with a three-run home run off reliever Phil Bickford in the fourth inning. It was his 14th home run for the NL Central-leading Cardinals since the beginning of August, and his 21st of the season.

Pujols hit 222 home runs over the next ten seasons after signing a 10-year, $254 million free agent contract with the Los Angeles Angels, plus 12 more in late 2021 after being released by the Angels and signed by the Los Angeles Dodgers. But now that he's back in Busch Stadium and wearing a Cardinals uniform, Pujols appears to have found the fountain of youth, posting his highest slugging percentage and OPS since leaving St. Louis in 2011. Pujols hit a two-run home run to left field off Dodgers starter Andrew Heaney earlier in the game, putting the Cardinals up 2-0 in the top of the third inning. Pujols now has 21 home runs on the season.

The Dodgers eventually won 11-0. Pujols finished the night 2-for-4 with two home runs and five RBI.

Fans gave Pujols a standing ovation before the game, after a tribute video for him was shown on the two scoreboards in the outfield at Dodger Stadium. When given the opportunity to address the crowd prior to the game, Pujols said, "Well, I just want to take this opportunity to thank all of you Dodgers fans.’"

Read More

Share Tweet Pin It +1

0 Comments

In Trend Web Design Website design trend

Top Web Designing trend in 2022


1. Complex Gradients

The first one in the list of web design trends 2022 is Complex gradients. We are not new to gradients, but now they’ve certainly come a long way over time. Although, with time, Complex gradients are becoming one of the vibrant web design trends as it is being used in modern web design and are often used to add depth to flat images. Gradients are currently being used in many ways, but the most characteristic, in terms of trends, sees their use extended to secondary elements within the composition, such as hovers, titles, 3D elements, icons, and more.

As per the web designers and experts, it is gaining more and more popularity. So this web design trend should not be ignored. Gradients made a comeback in 2018, with Instagram’s gradient logo. Since then, it has set up new standards in terms of creativity and interactivity.

Some Website Links

2. 3D Objects (Claymorphism)

Claymorphism is one of the new and most up to date web plan patterns. Friendly, Engaging 3D hands/humans/ or you name any other outline, you'll be able utilize this emerging new and modern web plan drift to give a really interactive look to your website. It mixes well within the modern design trend.

3. Retro revolution

As the approach of the World Wide Web progressively gets to be a far off memory, the up-and-coming web architects of nowadays are taking motivation from those early Wild West days. The so-called Web 1.0 of the 90s was characterized by shinning foundation colors, obvious table formats and mechanical typefaces like Courier. Though all of this was actualized with awful and regularly silly comes about, the net architects of 2022 are resuscitating this trend with the included good thing about nearly 30 a long time of collective design encounter.

4. Memphis design

ANostalgia— We all feel it frequently, right? Well, indeed the web plan field isn't an exemption here…!! Another one within the list of web design patterns 2022 is Memphis design. It is more of an 80’s thing but making a comeback as a web design slant in 2022. Yes, you listened it right. The ’80s are back…!! It is getting to be more prevalent than ever. In spite of the fact that, not at all like the ‘Millennial Pink’ drift, the current adaptation of Memphis we see on Pinterest and Instagram has advanced since the original’s make a big appearance. Cutting edge web architects are giving their plans a more present day feel, with the same center establishment.

Read More

Share Tweet Pin It +1

3 Comments

In Web Design

Useful Resources for Web Designers!


No matter how creative and knowledgeable you are in web design, you cannot come up with the best web page design if you don’t have the right tools, code snippets, and free resources.

1. Free Website Design Resources

  • Freebbble Do you want more and more Freebies? If yes, then visit Freebble to download from a big library of freebies for totally free.

  • 365psd Download Fresh Psds Everyday. Because it provides fresh psds on daily basis.

  • DBF This is Dribbble & Behance best design freebies that can help you in more ways than one.

2. Color Resources

  • Material Palette This is very helpful for you in generating and exporting the color palette of your material design.

  • Flat UI Colors This is another must-download for the believers of the flat design. The colors are simply amazing.

  • UIGradients This is another must-have because you can effortlessly have color gradients.

3. Icons

  • FontelloThis site generates icons.

  • Flaticon This is a search engine for 16000+ glyph vector icons that can help you choose the best icons to make your website standout.

4. Inspiration

At times, the most difficult part of any project is to start it. You may already have ideas floating in your head. Of course, banging your head against the wall won’t help. Hence, why not take inspiration from some of the best design resources on the web? With these sources, coming up with a trendy and standard web design is a piece of cake.

  • Awwwards Learn and take inspiration from the awarded websites for their creativity and innovation. For all you know, your work will be the subsequent multi-awarded website design as you learn from those that have been recognized.

  • Fltdsgn Are you working on a flat design website? This resource gives you a bountiful of inspirations daily with the exceptional showcase of the UI apps and design websites.

  • Thebestdesigns This is another resource where you can find only the best web designs. Agile Designers. Whether you are a designer or a developer, this is one of the best resources that you should consider checking out.

Read More

Share Tweet Pin It +1

1 Comments

In Codepen CSS Web Development

Cool Button hover effects using css


Some Cool button hover effects using CSS

We have created some cool hover effects using CSS3. We just played with ::after and ::before Pseudo-element to achieve these cool hover effects which you can use in your upcoming projects to make it more beautiful.

Below is the code pen

Please comment below if you have any questions.

See the Pen Cool Border Hover Effects by Roshan Kumar (@Kroshan) on CodePen.

Read More

Share Tweet Pin It +1

0 Comments