When you move AI agents from prototype to production, the infrastructure challenges multiply. Your agents need to persist state across multi-step workflows that run for hours or days. They need to coordinate with other agents, share context, and sometimes access GPUs for specialized tasks. Amazon Bedrock AgentCore runtime microVMs provide a fully managed environment for invocations that can run for up to 8 hours and support stateful workflows through managed session storage. Some workloads also benefit from dedicated, larger-capacity environments — for example, when agents need to run continuously for multiple days, access GPUs or the underlying OS, or run multiple collaborating agents on the same host.

Today, I’m happy to announce runtime instances, a new complementary compute option in Amazon Bedrock AgentCore Runtime that gives your agents persistent, managed infrastructure purpose-built for complex agent workloads.

What you get
Runtime instances provides AWS-managed EC2 infrastructure where you deploy multiple agents in a single runtime, each with their own dependencies and artifact types. Your agents can collaborate on the same host within shared sessions that persist for up to 14 days. The service supports GPU acceleration for compute-intensive tasks, session stop/restart to save costs during idle periods, and containerized deployments for teams that want to ship independently. For knowledge that needs to survive beyond a session, runtime instances pairs naturally with Amazon Elastic Block Store (Amazon EBS) and AgentCore Memory, which gives your agents long-term recall across sessions and environments.

Before today, if you wanted to keep your agents running for days or they needed GPU access, or multi-agent coordination, you had to build and manage that infrastructure yourself. You provisioned EC2 instances, configured networking, set up session management, handled scaling, and stitched together monitoring. Runtime instances handles all of that for you while integrating with the same AgentCore APIs, identity controls, and observability you already use with AgentCore Runtime microVMs.

A few things that should make agent developers smile: your agents can call each other as tools within a shared session, iterating autonomously until the job is done. You bring any framework (CrewAI, LangGraph, LlamaIndex, Strands) and any model. Packaging is minimal, a @app.entrypoint decorator and a zip file or container image. And if your workflow spans days, hibernate Monday night and resume Wednesday morning with everything intact.

Runtime microVMs and runtime instances are complementary compute options that you can use independently or together through the same AgentCore runtime APIs. A lightweight orchestrator agent on runtime microVM can coordinate and dispatch work to specialized worker agents running on instances. The orchestrator handles API calls, task routing, and result aggregation using runtime microVM’s fast scaling, while workers on Instances perform compute-intensive tasks like code compilation, security scanning, or GUI automation that require persistent state and direct OS access.

Let me show you how it works
I built two agents for this demo: a code writer agent that generates Python code from natural language descriptions, and a code reviewer agent that analyzes the generated code for bugs, security issues, and style improvements. Both agents share the same file system, so the reviewer can read whatever the writer produces without any data transfer or API calls between them.

Here is the code writer (simplified, no error handling):

writer = Agent(
    model="us.anthropic.claude-sonnet-4-5-20250929-v1:0",
    system_prompt=(
        "You are a senior Python engineer. "
        "Given a task, return ONLY a single Python code block — no prose."
    ),
)

@app.entrypoint
def handler(event, context):
    task = event.get("task") or event.get("prompt")
    session_id = getattr(context, "session_id", None) or event.get("session_id")
    session_dir = SHARED_DIR / session_id
    session_dir.mkdir(parents=True, exist_ok=True)

    code = str(writer(task))
    (session_dir / "code.py").write_text(code)

    return {"agent": "writer", "wrote": str(session_dir / "code.py"), "code": code}

Here is the code reviewer agent (simplified, no error handling):

reviewer = Agent(
    model="us.anthropic.claude-sonnet-4-5-20250929-v1:0",
    system_prompt=(
        "You are a strict Python code reviewer. "
        "Given code, return 3 bullet points: bugs, style, suggestions."
    ),
)

@app.entrypoint
def handler(event, context):
    session_id = getattr(context, "session_id", None) or event.get("session_id")
    code_path = SHARED_DIR / session_id / "code.py"
    code = code_path.read_text()
    review = str(reviewer(f"Review this code:nn{code}"))

    return {"agent": "reviewer", "read": str(code_path), "review": review}

Each agent is a Python application using Strands Agents with an @app.entrypoint decorator and a model of its choice. I package each one as a zip file. For this demo, I use the AWS Management Console. You can also use the AgentCore CLI, the AWS Command Line Interface (AWS CLI) or infrastructure as code.

Step 1: Create a capacity provider.

A capacity provider defines the EC2 infrastructure your agents run on. In the AgentCore console, I select Runtime in the left navigation, then select the Capacity providers tab and Create capacity provider.

I give it a Name, select Linux (64-bit ARM) as the Operating system, and choose c7g.2xlarge as the Allowed instance types. This gives me 8 vCPUs and 16 GiB of memory, enough for both agents to run comfortably side by side.

Further down, I configure the VPC, subnets, and security groups for network access. Under Storage configuration, I keep the default gp3 volume. Under Service access, I select Create a new service role and let the console create the infrastructure role that manages EC2 instances on my behalf.

I select Create capacity provider and wait a few seconds. The status moves to Active.

Note the capacity provider configuration summary: operating system, instance type, subnets, security group, instance profile, and infrastructure role. Once created, only the description can be edited, so verify your settings before you proceed.

Step 2: Create a runtime and deploy the first agent.

Back on the Runtime page, I select Create runtime. I give it a Name, select Instances as the Compute type, and choose the Capacity provider I created in the previous step.

Under Agent source, I select S3 Source, then Upload to S3. I choose my agent zip file (ACIDemoWriter.zip), set the Language runtime to Python 3.13, and specify agent.py as the Agent entry point. This is the file that contains my @app.entrypoint decorated function. Under Permissions, I select Create default role to let the console provision the IAM role my agent needs.

I select Create runtime and wait for the status to become Ready.

I repeat the same process for my code reviewer agent. I create a second runtime, select the same capacity provider, upload my reviewer agent zip file, and wait for it to become Ready. Both agents now share the same underlying EC2 infrastructure.

The console shows me a View invocation code section with ready-to-use Python, TypeScript, and JavaScript snippets to invoke my agent programmatically. But for this demo, I use the built-in test feature. I select Test on the writer agent’s page.

Step 3: Invoke agents and observe collaboration.

The Runtime playground opens. At the top, I see three fields: Runtime agent, Endpoint, and Session ID. The console generates a session ID automatically. I take note of it because I will reuse it with the reviewer agent.

In the Input field, I type a JSON payload asking the writer agent to generate code:

{"prompt": "write a fibonacci suite"}

I select Run. After a few seconds, the Output panel shows the agent’s response. The writer agent generated a Python module with two implementations of a Fibonacci sequence (a list-based function and a generator) and wrote it to /tmp/agentcore-session/ca5ec24d-07f5-4eeb-add1-5ba416bf9eb2/code.py. Notice the session ID in the file path. That directory is the shared file system for this session.

Step 4: Invoke the reviewer agent in the same session.

Now I switch the Runtime agent dropdown to ACIDemoReviewer. The important part: I paste the same session ID (ca5ec24d-07f5-4eeb-add1-5ba416bf9eb2) in the Session ID field. This is what connects the two agents.

I type a simple prompt:

{"prompt": "review the code"}

I select Run. The reviewer agent reads the file the writer produced from the shared session directory and returns a detailed code review. It finds no critical bugs but suggests adding type hints, input validation, and simplifying the edge case handling.

The two agents never exchanged messages or called each other’s APIs. They collaborated through the shared file system that runtime instances provide within a session. You can extend this pattern to any number of agents: a test agent that runs the code, a documentation agent that generates README files, a security agent that scans for vulnerabilities, all sharing the same working directory.

Key details
Here are a few things to know as you get started:

• Supported OS: Linux (ARM64 and x86_64) at launch.
• Session persistence: Sessions persist for up to 14 days.
• Runtimes: Python 3.11-14 with native code support. Container images also supported.
• GPU: Support for GPU-accelerated instance types.
• Integration: Uses the same AgentCore APIs, identity, observability, and policy controls as AgentCore Runtime.
• Pricing: Standard EC2 pricing plus a management fee for AgentCore orchestration.
• Regions: US East (Ohio, N. Virginia), US West (Oregon), Asia Pacific (Mumbai, Singapore, Sydney, Tokyo), and Europe (Frankfurt, Ireland)

To get started, visit the runtime instance in Amazon Bedrock AgentCore documentation and create your first capacity provider.

— seb

The post Runtime instances: persistent compute for production AI agents on Amazon Bedrock AgentCore appeared first on The NOKIA Blog.

Scrolling is among the most boring necessities of digital design. Or is it? It’s easy for both designers and users to ignore. Yet, we spend much of our days moving up, down, and all around. There’s something to be said for going the extra mile.

Thankfully, there is an opportunity to do more. Scroll effects can add an element of fun to the mix. They’re also great for adding context and drawing attention to important content. Some effects even create a sense of immersion.

Web developers have found all manner of creative use cases. We scoured the CodePen archives to find eight prime examples of how CSS and JavaScript level up the user experience. We were quite impressed with the results.

Below, you’ll find everything from basic elements to jaw-dropping visual presentations. You’re sure to find inspiration for your next project. Let’s get started!

Premium ScrollTrigger Panels

Created by Ashish Ranjan

Here’s a unique way to scroll through the sections of a webpage. This pen creates a “stacking” effect, where each new section is layered on top of the last. The previous section zooms and fades out, allowing you to read the current content distraction-free.

Impressively, scrolling up reverses the effect. The technique uses GSAP scroll trigger and makes a long page seem shorter.

See the Pen PinStack Showcase – Premium ScrollTrigger Panels by Ashish Ranjan

Scrolling Text & Rotating 3D Gallery

Created by Luis Alberto Martinez Riancho

This 3-D gallery turns the classic carousel on its head. It combines scrolling text with a rotating cube that syncs in perfect harmony. Notice the shading and textures used to create a photorealistic feel.

The button-based navigation lets you avoid scrolling altogether, if that’s your thing.

See the Pen Six Faces / Walking The Cow by Luis Alberto Martinez Riancho

Stars Scroll Effect

Created by Aleksa Rakocevic

Scroll effects don’t have to be bold. There are times when subtlety is called for and appreciated by visitors. This starry background features a parallax motif with a hint of sparkles.

The result is a fun, yet classy, trip down the page. Consider it for blogs or other long-form content.

See the Pen Stars scroll effect by Aleksa Rakocevic

Smooth Scroll Behavior

Created by Margarita

Staying with the subtle aesthetic, the on-scroll effects of this pen are a great way to dress up an article. Text gently appears as you make your way down the page.

HTML scroll-behavior is used to ensure a smooth ride and add some flair to static content. This one is appropriate for virtually everyone.

See the Pen It Was Never A Competition — Full Story by Margarita

Infinite Loop Spiral

Created by Toc

Are you looking for a completely twisted take on a photo gallery? This spiral masterpiece will certainly grab attention. Scroll down, and this 3-D ribbon-shaped gallery spins through each image.

Use your mouse or finger to change perspectives. The effect is silky-smooth and will enhance your portfolio projects.

See the Pen Infinite loop spiral by Toc

CSS Scroll-Timeline Word Highlight

Created by Daniel Haim

Here’s a way to list your services and/or accomplishments with style. The text on the left stays put as you scroll, while the right side jumps to the next word or phrase.

It uses the scroll-snap-align and scroll-snap-type CSS properties to keep the presentation tidy. JavaScript sets properties based on user action. The result is an attractive method for making an impact with typography.

See the Pen CSS Scroll-Timeline Word Highlight by Daniel Haim

Springy Section Edges

Created by Tom Miller

Scrolling from one page section to another doesn’t have to be boring. A small effect, like this “springy” animation, adds context and entertainment value to the process. Reach the bottom of a section, and you’re welcomed with a bounce.

Here’s an idea: maybe add some confetti when you reach the end of the page. After all, loyal visitors should be celebrated!

See the Pen Springy Section Edges by Tom Miller

Reverse Scrolling Columns

Created by Ryan Yu

This photo gallery’s multi-column scrolling is reminiscent of a slot machine. The columns are synced, but the middle section moves in the reverse direction. It’s fun and immersive without overwhelming users.

Once again, GSAP scroll trigger serves as the secret sauce to the effect.

See the Pen Reverse scrolling columns by Ryan Yu

Use Scroll Effects To Enhance User Experience

Scrolling doesn’t have to be an afterthought in your design projects. The examples above demonstrate what’s possible with a little code and imagination.

In some cases, these effects can be the star of the show. Consider the photo galleries in our roundup. They become more interesting and interactive when you go beyond the default grid layout. You get high-end form and functionality.

On the other hand, subtlety also has a place when adding scroll effects to more traditional pages. A hint of elegance can transform static content into something more memorable.

The decision is yours to make. Consider your audience and accessibility needs, then choose the effect that makes the most sense.

Want to see even more awesome scroll effects? Check out our CodePen collection!

More CSS Effects Snippets

here. He recently started a writing service for WordPress products: WP Product Writeup. He also has an opinion on just about every subject. You can follow his rants on Bluesky @karks.com.

Read more articles by Eric Karkovack

The post 8 CSS & JavaScript Snippets for Adding Scroll Effects to Your Website appeared first on The NOKIA Blog.

Every season has a distinct vibe. People celebrate them by wearing seasonal colors and delighting in traditional flavors. Autumn appears to have taken over as a favorite time of year for many. Pumpkin spice, anyone?

Yes, the fall season is being celebrated like never before – and for good reason. It’s when we embrace cooler weather, colorful leaves, and ugly sweaters. We’re also preparing for the upcoming holidays.

Naturally, web developers want to get in on the fun. They’re creating homages to the season that also show off their skills. They combine the latest in CSS and JavaScript with fun snapshots of fall life.

It all convinced us to collect some of the best autumn-inspired effects for your enjoyment. Their creativity will keep you cozier than a blanket and a warm cup of cider.

Virtual Autumn Corn Maze

Created by Kit Jenson

Nothing screams “autumn” like getting lost in a corn maze. This virtual maze challenges you to guide your pumpkin to safety. The game has a fun retro look and is powered by JavaScript. It’s also a more comfortable experience for those of us who are claustrophobic.

See the Pen Autumn Corn Maze by Kit Jenson (@kitjenson)
on CodePen.

Autumn Leaf Fall Preloader

Created by Nicolas

This snippet is proof that loading graphics don’t have to be boring. You can add seasonal flavor like this leaf animation. Watch as CSS animation spirals leaves into a virtual black hole.

See the Pen autumn leaf fall preloader by Nicola

Hexagonal Autumn Leaves Animation

Created by Philip Warkentien II

How about something a bit more abstract? This mesmerizing presentation uses SVG hexagon shapes to represent leaves. The fall color scheme is beautiful. And it’s hard to take your eyes off the sparkly animation.

See the Pen Autumn Leaves by Philip Warkentien II

Animated Glowing Spooky Spectral Ghost

Created by Filip Zrnzevic

We can’t forget about Halloween! The spooky season is well-represented by this glowing ghost presentation. Move your cursor and watch as the spirit follows you. WebGL and Three.js are the forces behind the animation – not magic.

See the Pen [webgl/threejs] ❍ Spooky Spectral Ghost by Filip Zrnzevic

Autumnal Sweater Weather

Created by McCambley

The chilly weather is a perfect excuse to dig out those old sweaters. You know, the ones with the wild patterns and scratchy fabric. Or, you might enjoy this garment built with CSS. The light-up diamonds are a nice touch.

See the Pen Sweater Weather by McCambley

Single Div CSS Pumpkin Spice Latte

Created by Greg Robleto

Pumpkin spice has become a phenomenon. Coffee shops pump out lattes before the first leaf hits the ground – and people can’t get enough. The flavor of the season is recreated here with a single DIV element. CSS gradients are used to create the various shading effects.

See the Pen Pumpkin Spice Latte – Single Div CSS Art (Divtober 2023 :Day 1 :Fall) by Greg Robleto

Falling Autumn Leaves Shader

Created by CeramicSoda

Raking leaves is perhaps the least popular autumn ritual. Watching them fall, on the other hand, is great fun. Here, you can shake a virtual tree and make the yellow-and-orange foliage fly. The best part? No cleanup!

See the Pen Falling autumn leaves shader by CeramicSoda

Snickers Bar Pure CSS

Created by Zerde Turdybek

Technically, you can eat a Snickers bar any time of the year. But there’s something special about receiving one when trick-or-treating. You can almost smell the chocolate and peanuts emanating from this CSS-rendered candy bar.

See the Pen Snickers by Zerde Turdybek

The Colors, Flavors, and Code of Fall

Web developers are always looking for a reason to build something fun. The colors and flavors of fall offer plenty of inspiration. The snippets above allow us to explore the season and sharpen our skills.

We hope you enjoyed this fresh harvest of autumn-themed code in all its glory! Please check out our CodePen collection for even more examples.

here. He recently started a writing service for WordPress products: WP Product Writeup. He also has an opinion on just about every subject. You can follow his rants on Bluesky @karks.com.

Read more articles by Eric Karkovack

The post 8 Autumn-Inspired CSS & JavaScript Effects appeared first on The NOKIA Blog.

Their style has also crept into web design. We see it in bold colors, outrageous typography, and unique layouts.

Advancements in both CSS and JavaScript allow designers to bring these styles to life. There is no shortage of ways to add comic-inspired flair to your website.

So, how are web designers bringing comic styles online? Let’s check out a few examples of what a combination of code and creativity can do.

Comic Style Text Bubbles – CSS

Created by Josetxu

This snippet demonstrates a classic comic book style. Large, bold text screams on top of colorful backgrounds. CSS Grid is used to line up the various layout pieces. Bonus: click on a word to edit the text. Wow! That was cool.

See the Pen Comic Style Text Bubbles – CSS by Josetxu

Side Scroller Comic Web Template

Created by Terry Scrimsher

Here’s an example that adds movement to the mix. The side-scrolling hero area makes for an attention-grabbing experience. The animated text provides contrast and an element of fun.

See the Pen Side Scroller Web Template by Terry Scrimsher

Comic Book Style CSS UI

Created by Gabriele Corti

This experiment ponders a comic book UI. It’s a small starting point inspired by Spider-Man. However, imagine expanding it to cover every element of a website. That’s a way to stand out from the mere mortals.

See the Pen Comic Book UI by Gabriele Corti

Style Stage Comic Book CSS

Created by Katherine Kato

Let’s go a step further with a comic-inspired UI. This page manages to balance bold styling and legibility. The layout is fun but remains super clean. It shows that “comic” doesn’t have to mean inaccessible.

See the Pen Style Stage – Comic by Katherine Kato

Pure CSS Comic Coder Cat

Created by Annie Bombanie

This humorous bit pokes fun at developers. It also shows some impressive use of CSS. The black-and-white comic takes advantage of clip paths, gradients, and flexbox. The strip is also responsive.

See the Pen Comic Coder Cat – Pure CSS by Annie

Generate Comic-Style Typography

Created by Antoinette Janus

Use this snippet to generate comic-style text. Click into the box and then start typing. You’ll get a classic comic book font on top of a halftone background.

See the Pen Comic Types by Antoinette Janus

Responsive & Accessible Comic Page

Created by Sarah Frisk

It can be a challenge to make an accessible comic strip. The fonts aren’t always legible. And what if you’re using images? This snippet aims to fix these issues. It offers a “CC” mode that provides text descriptions of each panel. The result is an improved user experience.

See the Pen Responsive and Accessible Comic Page by Sarah Frisk

Comic Style Crystal Field

Created by Tibix

It’s easy to admire the groundbreaking illustrations in our favorite comics. This example combines beautiful artwork with the power of code. Click on the presentation to regenerate a new version of this crystal field.

See the Pen Comic Style Crystal Field by Tibix

Adding Some Pop to the Web

Not every website requires a staid corporate look. Comic styles offer an alternative for these sites. You can use this technique to create a fun and memorable UX.

What’s more, you don’t have to go over the top to find success. Even subtle elements of comic design can make a positive impact. Look no further than some of the examples above for proof.

Want to see even more examples of comic styles? Use your superpowers and head on over to our CodePen collection!

Top

The post 8 Comic-Inspired Snippets Powered by CSS & JavaScript appeared first on The NOKIA Blog.